Android学习系列(15)--App列表之圆角ListView(续)
2016-05-23 15:50
666 查看
本来这篇文章想并到上篇Android学习系列(16)--App列表之圆角ListView中的,但是若是如此就让大家错过一篇新的好的文章,着实可惜。
上篇中我们使用shape,corners,gradient实现了一个渐变的圆角效果,但是在完文之后的实践中,我发现有时效果不甚满意,选中和放手的事件监听没有去正确的判断,然后渐变效果也比较单一,性能也觉得不是很快,不如用图片来的惊艳和迅速,又懒的去改原来的,所以我又用图片来实现一个更完美的效果。
1. 准备
您可能需要参考我之前的两篇文章:
(1). Android学习系列(16)--App列表之圆角ListView
(2). Android学习系列(4)--App自适应draw9patch不失真背景
了解圆角的基本实现原理和9patch图片的制作和注意事项。
2. 效果图(我准备了3套皮肤)
3. 圆角类CornerListView的实现:
从上面看到,我们用到了一张ListView的背景图片和4个项选择器。
4. 素材
一种5张图片素材:1张背景图片和4个项选择器对应的选中图片,都是9patch图片:
分别对应的是:
R.drawable.corner_list_bg,
R.drawable.corner_list_first_pressed,
R.drawablecorner_list_last_pressed,
R.drawablecorner_list_pressed,
R.drawablecorner_list_single_pressed
5.选择器构造
根据前面的后4张图片我们来构造选中时的对应选择器:
6. 应用
我直接把使用圆角的Activity代码贴出来:
ps:记得设置cacheColorHit属性为0或者"#00000000"!
7. 总结
在平时Android使用的过程中,发现很多设置界面的选项大量应用到了这种圆角效果,非常的漂亮,同时也发现很多应用,这个效果做的很不如意,包括一些大公司,要么没有选中效果,要么listview整个的背景是圆角,但是选中的第一项和最后一项的选中效果还是直角,要么干脆为圆角里设定一定像素的内边距等等,我对此总结,算是对这个问题有一个比较好的解决方案(我已经在网上搜过,未发现有人把这个效果分享过来),独乐乐不如众乐乐。
ps:附上3套皮肤素材:/Files/qianxudetianxia/cornerlist-skin.zip
上篇中我们使用shape,corners,gradient实现了一个渐变的圆角效果,但是在完文之后的实践中,我发现有时效果不甚满意,选中和放手的事件监听没有去正确的判断,然后渐变效果也比较单一,性能也觉得不是很快,不如用图片来的惊艳和迅速,又懒的去改原来的,所以我又用图片来实现一个更完美的效果。
1. 准备
您可能需要参考我之前的两篇文章:
(1). Android学习系列(16)--App列表之圆角ListView
(2). Android学习系列(4)--App自适应draw9patch不失真背景
了解圆角的基本实现原理和9patch图片的制作和注意事项。
2. 效果图(我准备了3套皮肤)
3. 圆角类CornerListView的实现:
4. 素材
一种5张图片素材:1张背景图片和4个项选择器对应的选中图片,都是9patch图片:
分别对应的是:
R.drawable.corner_list_bg,
R.drawable.corner_list_first_pressed,
R.drawablecorner_list_last_pressed,
R.drawablecorner_list_pressed,
R.drawablecorner_list_single_pressed
5.选择器构造
根据前面的后4张图片我们来构造选中时的对应选择器:
我直接把使用圆角的Activity代码贴出来:
7. 总结
在平时Android使用的过程中,发现很多设置界面的选项大量应用到了这种圆角效果,非常的漂亮,同时也发现很多应用,这个效果做的很不如意,包括一些大公司,要么没有选中效果,要么listview整个的背景是圆角,但是选中的第一项和最后一项的选中效果还是直角,要么干脆为圆角里设定一定像素的内边距等等,我对此总结,算是对这个问题有一个比较好的解决方案(我已经在网上搜过,未发现有人把这个效果分享过来),独乐乐不如众乐乐。
ps:附上3套皮肤素材:/Files/qianxudetianxia/cornerlist-skin.zip
相关文章推荐
- android design
- Android学习系列(14)--App列表之圆角ListView
- android自定义viewGroup 不显示问题
- Android Studio教程 基本设置与运行
- Android学习系列(12)--App列表之拖拽GridView
- Android studio创建第一个app
- android.os.DeadObjectException
- CollapsingToolbarLayout详解
- iOS 通知观察者的被调函数不一定运行在主线程
- AppDelegate生命周期详解
- ios Apple Watch人机交互指南
- iOS内存泄露的管理
- android activity的四种启动模式
- CodingNet - Learning - 4
- 008-实现Unity3d中使用LeanTouch插件进行触屏控制(拖拽、移动、缩放旋转...)
- Android自助餐之控件注解IOC
- SharedPreference.Editor的apply和commit方法异同
- 【iOS开发】GitLab教程 (二)
- android webview 二次验证流程分析 shouldOverrideUrlLoading深度分析
- App启动加载广告页面思路