android開發(fā)之方形圓角listview代碼分享

更新時間：2013年06月03日 10:51:56 作者：

我寫這篇文章受到了kiritor的專欄發(fā)表的博文Android UI控件之ListView實現(xiàn)圓角效果的啟發(fā)。

先看效果圖：

首先，你得寫一個類我們命名為CornerListView

[java]

復制代碼代碼如下:

/**
* 圓角ListView示例
* @Description: 圓角ListView示例
* @FileName: CornerListView.java
*/
public class CornerListView extends ListView {
 public CornerListView(Context context) {
 super(context);
 }

 public CornerListView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 }

 public CornerListView(Context context, AttributeSet attrs) {
 super(context, attrs);
 }

 @Override
 public boolean onInterceptTouchEvent(MotionEvent ev) {
 switch (ev.getAction()) {
 case MotionEvent.ACTION_DOWN:
 int x = (int) ev.getX();
 int y = (int) ev.getY();
 int itemnum = pointToPosition(x, y);

 if (itemnum == AdapterView.INVALID_POSITION)
 break;
 else{
 if(itemnum==0){
 if(itemnum==(getAdapter().getCount()-1)){
 setSelector(R.drawable.app_list_corner_round);
 }else{
 setSelector(R.drawable.app_list_corner_round_top);
 }
 }else if(itemnum==(getAdapter().getCount()-1))
 setSelector(R.drawable.app_list_corner_round_bottom);
 else{
 setSelector(R.drawable.app_list_corner_shape);
 }
 }

 break;
 case MotionEvent.ACTION_UP:
 break;
 }

 return super.onInterceptTouchEvent(ev);
 }
}

/**
* 圓角ListView示例
* @Description: 圓角ListView示例
* @FileName: CornerListView.java
*/
public class CornerListView extends ListView {
    public CornerListView(Context context) {
        super(context);
    }

    public CornerListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public CornerListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
                int x = (int) ev.getX();
                int y = (int) ev.getY();
                int itemnum = pointToPosition(x, y);

                if (itemnum == AdapterView.INVALID_POSITION)
                        break;
                else{
                 if(itemnum==0){
                        if(itemnum==(getAdapter().getCount()-1)){
                            setSelector(R.drawable.app_list_corner_round);
                        }else{
                            setSelector(R.drawable.app_list_corner_round_top);
                        }
                 }else if(itemnum==(getAdapter().getCount()-1))
                         setSelector(R.drawable.app_list_corner_round_bottom);
                 else{
                     setSelector(R.drawable.app_list_corner_shape);
                 }
                }

                break;
        case MotionEvent.ACTION_UP:
                break;
        }

        return super.onInterceptTouchEvent(ev);
    }
}

其中，app_list_corner_round

[html]

復制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:startColor="#BFEEFF"
 android:endColor="#40B9FF"
 android:angle="270"/>
 <corners android:topLeftRadius="6dip"
 android:topRightRadius="6dip"
 android:bottomLeftRadius="6dip"
 android:bottomRightRadius="6dip"/>
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:startColor="#BFEEFF"
 android:endColor="#40B9FF"
 android:angle="270"/>
 <corners android:topLeftRadius="6dip"
 android:topRightRadius="6dip"
 android:bottomLeftRadius="6dip"
 android:bottomRightRadius="6dip"/>
</shape>

app_list_corner_round_top

[html]

復制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:startColor="#BFEEFF"
 android:endColor="#40B9FF"
 android:angle="270"/>
 <corners android:topLeftRadius="6dip"
 android:topRightRadius="6dip"/>
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:startColor="#BFEEFF"
 android:endColor="#40B9FF"
 android:angle="270"/>
 <corners android:topLeftRadius="6dip"
 android:topRightRadius="6dip"/>
</shape>

app_list_corner_round_bottom

[html]

復制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:startColor="#BFEEFF"
 android:endColor="#40B9FF"
 android:angle="270"/>
 <corners android:bottomLeftRadius="6dip"
 android:bottomRightRadius="6dip" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:startColor="#BFEEFF"
 android:endColor="#40B9FF"
 android:angle="270"/>
 <corners android:bottomLeftRadius="6dip"
 android:bottomRightRadius="6dip" />
</shape>

app_list_corner_shape
[html]

復制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:startColor="#BFEEFF"
 android:endColor="#40B9FF"
 android:angle="270"/>
</shape>

寫好了之后，就可以在你的代碼中直接像listview一樣調(diào)用。

您可能感興趣的文章: