Android中ListView列表Item的圆角效果实现

浏览数：115 / 时间：2015年06月11日

先看一张图，这是微信中的设置界面。

　　列表Item第一项需要上圆角，最后一项下圆角，若只有一项，上下四个圆角。按下效果也一样。在中间则不需要圆角。

　　解决方案同网上其他开发者答案差不多一样，在这里我自己只是做一个标记。

1. 先定义四种按下效果的drawable。

1.下方圆角

1 <?xml version="1.0" encoding="utf-8"?>
2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
3     <gradient android:startColor="#e5e5e5" 
4         android:endColor="#e5e5e5" 
5         android:angle="270"/>
6     <corners android:bottomLeftRadius="6dip"
7         android:bottomRightRadius="6dip" />
8 </shape>

2.上方圆角

1 <?xml version="1.0" encoding="utf-8"?>
2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
3     <gradient android:startColor="#e5e5e5" 
4         android:endColor="#e5e5e5" 
5         android:angle="270"/>
6     <corners android:topLeftRadius="6dip"
7         android:topRightRadius="6dip"/>
8 </shape>

3.上下都圆角

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
 3     <gradient android:startColor="#e5e5e5" 
 4         android:endColor="#e5e5e5" 
 5         android:angle="270"/>
 6     <corners android:topLeftRadius="6dip"
 7         android:topRightRadius="6dip"
 8         android:bottomLeftRadius="6dip"
 9         android:bottomRightRadius="6dip"/>
10 </shape>

4. 没有圆角

1 <?xml version="1.0" encoding="utf-8"?> 
2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
3     <gradient android:startColor="#e5e5e5" 
4         android:endColor="#e5e5e5" 
5         android:angle="270"/>
6 </shape>

将这四个xml文件命名好放在drawable下。

再来重写我们自定义的ListView。这里主要重写的是ListView的onInterceptTouchEvent方法。

 1 @Override
 2     public boolean onInterceptTouchEvent(MotionEvent ev) {
 3         switch (ev.getAction()) {
 4         case MotionEvent.ACTION_DOWN:
 5             int x = (int) ev.getX();
 6             int y = (int) ev.getY();
 7             int itemnum = pointToPosition(x, y);
 8 
 9             if (itemnum == AdapterView.INVALID_POSITION) {
10                 break;
11             } else {
12                 if (itemnum == 0) {
13                     if (itemnum == (getAdapter().getCount() - 1)) {
14                         setSelector(R.drawable.app_list_corner_round);
15                     } else {
16                         setSelector(R.drawable.app_list_corner_round_top);
17                     }
18                 } else if (itemnum == (getAdapter().getCount() - 1)) {
19                     setSelector(R.drawable.app_list_corner_round_bottom);
20                 } else {
21                     setSelector(R.drawable.app_list_corner_shape);
22                 }
23             }
24 
25             break;
26         case MotionEvent.ACTION_UP:
27             break;
28         }
29         return super.onInterceptTouchEvent(ev);
30     }