Android:ListView,圆角问题

时间:2011-07-11 07:44:40

标签: android listview rounded-corners

我的ListView圆角实现像波纹管。

<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/list"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/list_bg"
    android:divider="#dbdbdb"
    android:dividerHeight="1sp"
    android:cacheColorHint="#00000000"
    android:descendantFocusability="afterDescendants"
    android:scrollbars="vertical">
</ListView>

其中list_bg.xml是:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#ffffff"/>
    <corners android:bottomLeftRadius="10dp"
            android:bottomRightRadius="10dp" 
            android:topLeftRadius="10dp"
            android:topRightRadius="10dp"
            />
</shape>

这给了我圆角。 问题是每个项目都是RelativeLayout,左侧是TextView,右侧是ImageButton。两个视图都具有按下,四个和默认状态的自定义图形。这样的事情。

+------------------------------------+
|      TextView        | ImageButton |
+------------------------------------+

问题是自定义图形覆盖了ListView背景,因此在第一个和最后一个项目上有圆角。滚动时一切都很好。

我已经编写了自定义适配器,并且在getView方法中我为项目设置了正确的bg。

@Override
public View getView(int position, View view, ViewGroup parent) {        
    ...
    if(position == 0) {
        mItemView.setBackgroundResource(R.drawable.cell_item_first_selector);
        mImgBtn.setBackgroundResource(R.drawable.cell_btn_first_selector);
    }
    else if (position == mData.size() -1) {
        mItemView.setBackgroundResource(R.drawable.cell_item_last_selector);
        mImgBtn.setBackgroundResource(R.drawable.cell_btn_last_selector);
    } 
    else {
        mItemView.setBackgroundResource(R.drawable.cell_item_def_selector);
        mImgBtn.setBackgroundResource(R.drawable.cell_btn_def_selector);
    }
    ... 
}

它有效,但我不确定这是好的解决方案。有没有其他方法可以在Android视图中自动圆角,而不仅仅是通过设置背景?

2 个答案:

答案 0 :(得分:2)

public class ClippedListView extends ListView {

/**
 * @param context
 */
public ClippedListView(Context context) {
    super(context);
}

/**
 * @param context
 * @param attrs
 */
public ClippedListView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

@Override
protected void dispatchDraw(Canvas canvas) {
    float radius = 10.0f;
    Path clipPath = new Path();
    RectF rect = new RectF(0, 0, this.getWidth(), this.getHeight());
    clipPath.addRoundRect(rect, radius, radius, Path.Direction.CW);
    canvas.clipPath(clipPath);
    super.dispatchDraw(canvas);
}
}

第一次裁剪不起作用,然后使用

  

setLayerType(View.LAYER_TYPE_SOFTWARE,null)

我的clippedListView上的

解决了这个问题。我的物品背景不再是我的角落了!

答案 1 :(得分:0)

好吧,如果列表中的项目需要此背景,则应将背景附加到项目布局,而不是列表视图。