导读:直角看多了,就想看看圆角,不知何时,这几年刮起了一阵阵的圆角设计风:CSS新标准纳入圆角元素,iphone中几乎随处可见圆角设计,也开始出现很多圆角名片了…




 直角看多了,就想看看圆角,不知何时,这几年刮起了一阵阵的圆角设计风:CSS新标准纳入圆角元素,iphone中几乎随处可见圆角设计,也开始出现很多圆角名片了…

  今天我们就实现一个圆角的ListView效果。

  圆角的设计,我们并不追求到处都用,无处不用,android中有少数界面用直角确实容易显得锋利,和周边界面太过对比而显得不协调,比如大栏目列表,设置等等,而采用圆角实现,则会活泼,轻松的多,也融合的特别好。

  1.感觉
  实际上在Android中因为SDK中没有默认对圆角的一个完整的支持,需要麻烦自定义设置才能实现完美的圆角效果,所以绝大多数应用都是采用分组直角列表这种样式。

  所以我觉得很有必要让大家看看这些少数的不一样的东西,看看有什么不一样的感觉。

  先让我们来看两张图片:
App列表之圆角ListView源码App列表之圆角ListView源码

  左边的是Android的一个应用的设置界面,右边是iphone系统的设置界面.

  ps:上述只是效果,并不是说左边的圆角列表就是用listview是实现的,事实上它是用LinearLayout布局一个一个堆起来的.

  2.原理
  通过判断ListView上点击的项的位置,我们切换不同的选择器,当然这个切换的动作我们需要定义在重写ListView的onInterceptTouchEvent()方法中.





?







01   if(itemnum==0){






02   if(itemnum==(getAdapter().getCount()-1)){






03   //只有一项






04   setSelector(R.drawable.app_list_corner_round);






05   }else{






06   //第一项






07   setSelector(R.drawable.app_list_corner_round_top);






08   }






09   }else if(itemnum==(getAdapter().getCount()-1))






10   //最后一项






11   setSelector(R.drawable.app_list_corner_round_bottom);






12   else{






13   //中间一项






14   setSelector(R.drawable.app_list_corner_shape);






15   }
  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"






05   android:angle="270"/>






06   <corners
android:topLeftRadius=
"4dip"






07   android:topRightRadius="4dip"






08   android:bottomLeftRadius="4dip"






09   android:bottomRightRadius="4dip"/>






10   </shape>

相关文章:

  • 2022-12-23
  • 2021-07-20
  • 2021-11-14
  • 2022-12-23
  • 2021-08-22
猜你喜欢
  • 2021-05-05
  • 2021-05-19
  • 2021-06-07
  • 2022-12-23
相关资源
相似解决方案