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

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


  列表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     }

这个逻辑我就不多做介绍了,应该很容易看得懂。就是判断行号来设置不同的Selector。

学习过程中做一笔记。转载请注明出处~~~~

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。