CardView 控件的使用方式

CardView是Material Design的一种卡片视图, 以卡片形式显示内容, 边缘包含阴影效果, 吸引用户点击. CardView提供了v7的支持库, 兼容低版本. 本文主要介绍CardView的使用方法.

更多: http://www.wangchenlong.org/

card-logo

Maven库

需要额外添加Design的支持库, 如compile ‘com.android.support:design:23.1.0’

资源文件

app:cardCornerRadius表示卡片的弧度.
app:cardElevation表示阴影的深度.

点击事件

波纹型的选中效果.

阴影加深的选中效果

选中时, Z轴逐渐升起; 未选中时, Z轴恢复0. 动画属性支持api21+.

card-demo

注意
不同版本显示效果不同时, 定制/res/value/res/value-v21的资源.

设计要点, CardView主要突出不同种类的卡片在一起显示, 尽量不要使用单一的模式, 如固定高度的卡片, 类似ListView的显示.

That’s all! Enjoy it!

打赏支持我写出更多好文章,谢谢!

打赏作者

打赏支持我写出更多好文章,谢谢!

1 2 收藏 评论

关于作者:Spike

硕士毕业, 任职于春雨移动健康, 从事移动端架构工作. 做了六年技术研发, 还会一直坚持下去. 分享一些自己的开发经验. 个人主页 · 我的文章 · 6 ·    

可能感兴趣的话题



直接登录
跳到底部
返回顶部