导读:直角看多了,就想看看圆角,不知何时,这几年刮起了一阵阵的圆角设计风:CSS新标准纳入圆角元素,iphone中几乎随处可见圆角设计,也开始出现很多圆角名片了…
直角看多了,就想看看圆角,不知何时,这几年刮起了一阵阵的圆角设计风:CSS新标准纳入圆角元素,iphone中几乎随处可见圆角设计,也开始出现很多圆角名片了…
今天我们就实现一个圆角的ListView效果。
圆角的设计,我们并不追求到处都用,无处不用,android中有少数界面用直角确实容易显得锋利,和周边界面太过对比而显得不协调,比如大栏目列表,设置等等,而采用圆角实现,则会活泼,轻松的多,也融合的特别好。
1.感觉
实际上在Android中因为SDK中没有默认对圆角的一个完整的支持,需要麻烦自定义设置才能实现完美的圆角效果,所以绝大多数应用都是采用分组直角列表这种样式。
所以我觉得很有必要让大家看看这些少数的不一样的东西,看看有什么不一样的感觉。
先让我们来看两张图片:


左边的是Android的一个应用的设置界面,右边是iphone系统的设置界面.
ps:上述只是效果,并不是说左边的圆角列表就是用listview是实现的,事实上它是用LinearLayout布局一个一个堆起来的.
2.原理
通过判断ListView上点击的项的位置,我们切换不同的选择器,当然这个切换的动作我们需要定义在重写ListView的onInterceptTouchEvent()方法中.
02 |
if(itemnum==(getAdapter().getCount()-1)){
|
04 |
setSelector(R.drawable.app_list_corner_round);
|
07 |
setSelector(R.drawable.app_list_corner_round_top);
|
09 |
}else if(itemnum==(getAdapter().getCount()-1))
|
11 |
setSelector(R.drawable.app_list_corner_round_bottom);
|
14 |
setSelector(R.drawable.app_list_corner_shape);
|
3.定义选择器 如果只有一项,我们需要四个角都是圆角,app_list_corner_round.xml文件定义如下:
01 |
<?xml version="1.0" encoding="utf-8"?>
|
02 |
<shape xmlns:android="http://schemas.android.com/apk/res/android">
|
03 |
<gradient android:startColor="#B5E7B8"
|
04 |
android:endColor="#76D37B"
|
06 |
<corners android:topLeftRadius="4dip"
|
07 |
android:topRightRadius="4dip"
|
08 |
android:bottomLeftRadius="4dip"
|
09 |
android:bottomRightRadius="4dip"/>
|