Android中CardView的使用

一、简介

Material  design 中有一种很个性的设计概念:卡片式设计(Cards),这种设计与传统的List Item 有所区别,Cards 包含更多的内容元素和拥有自己的 UI 特征,关于 Cards 的设计规范可以参考官网介绍:

https://material.google.com/components/cards.html#

为了更好地实现这种 Cards  UI  的设计,Google在v7  包中引进了一种全新的控件:CardVew。用一句话介绍了 CardView:一个带圆角和阴影背景的 FrameLayout。CardView在Android Lollipop(API 21)及以上版本的系统中适配较好。

二、导入依赖

compile 'com.android.support:cardview-v7:版本'

三、常用属性

1. API 5 以上(Android 2.0)

1.1 app:cardConerRadius: 圆角的半径

1.2 app:cardBackgroundColor:CardView 的卡片颜色

2. API 21 以上(Android 5.0)

2.1 app:cardElevation:CardView 的 Z 轴阴影

2.2 app:cardMaxElevation:阴影的最大高度

2.3 android:foreground="?android:attr/selectableItemBackground":点击时有波纹发散效果

四、排版技巧

CardView 从本质上属于 FrameLayout,而 CardView 通常包含了较多的内容元素,为了方 便 地 排 版 布 局 中 的 各 个 元 素 , 一 般 借 助 于 其 他 基 本 布 局 容 器 , 比 如 使 用 了 一个RelativeLayout 作为 CardView 的唯一子布局。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,294评论 25 709
  • Material Design中有一种很个性的设计概念:卡片式设计(Cards),Cards拥有自己独特的UI特征...
    小庄bb阅读 8,150评论 1 4
  • Material Design中有一种很个性的设计概念:卡片式设计(Cards),Cards拥有自己独特的UI特征...
    滴滴滴9527阅读 45,593评论 3 64
  • Material design中有一种很个性的设计概念:卡片式设计(Cards),这种设计与传统的List Ite...
    亦枫阅读 12,701评论 6 44
  • 2017年7月11日 星期二 晴 今天下班到孙李翰妈妈那里拿到了字帖,然后去托辅接李云哲。到时她还没出来,便...
    云哲云灿妈妈阅读 2,454评论 0 0

友情链接更多精彩内容