Android CardView 开发过程中要注意的细节(1/3)

本篇文章主要介绍了"Android CardView 开发过程中要注意的细节"，主要涉及到方面的内容，对于Android开发感兴趣的同学可以参考一下： 2014 年，随着 Google 推出了全新的设计语言 Material Design，还迎来了新的 Android 支持库 v7，其中就包含了 Materia...

2014 年，随着 Google 推出了全新的设计语言 Material Design，还迎来了新的 Android 支持库 v7，其中就包含了 Material Design 设计语言中关于 Card 卡片概念的实现 —— CardView。经历了相当长的一段时间相信许多 Android 开发者都已经应用了这个控件，现在才写这篇文章可能有点晚，但对于刚刚开始使用的开发者以及其他已经使用了一段时间但做出来效果不好的同学应该能帮上点小 忙。

正题开始~

◆ 注意不同 SDK 版本（低于 Lollipop 21）上的边距（Margin）效果

Google 在 Android Lollipop 中引入了 Material Design 设计中的阴影（Elevation）和 Z 轴位移，其目的就是突出界面中不同元素之间的层次关系。为了统一不同系统版本的视觉效果，Google 针对 SDK 21 以下的系统给 CardView 加入一个 Elevation 兼容（即 XML 中的 app:cardElevation 和 Java 代码中的 setCardElevation）。

然而，在低版本中设置了 CardElevation 之后 CardView 会自动留出空间供阴影显示，而 Lollipop 之后则需要手动设置 Margin 边距来预留空间，导致我在设置 Margin 在 Android 5.x 机器上调试好后，在 Kitkat 机器调试时发现边距非常大，严重地浪费了屏幕控件。

因此，我们需要自定义一个 dimen 作为 CardView 的 Margin 值：

1. 创建 /res/value 和 /res/value-v21 资源文件夹于项目对应 Module 目录下，前者放置旧版本/通用的资源文件（了解的可以跳过），后者放置 21 及更高 SDK 版本的资源文件。
2. 在 value 内的 dimen.xml 创建一个 Dimension （ 属性），随便命个名（如 xxx_card_margin）并填入数值 0dp。
3. 接着在 value-v21 文件夹内的 dimen.xml 创建名字相同的 Dimension，并填入你期望的预留边距（一般和 CardElevation 阴影大小相同）
4. 最后，在你布局中的 CardView 中设置android:layout_margin=”@dimen/xxx_card_margin”

这样依赖就解决了低版本中边距过大或者视觉效果不统一的问题了。

◆ 为你的 Card 添加点击效果

当使用 CardView 的场合是作为列表中的一个 Item 且直接单击 Item 有相应的操作，那么就有必要加上视觉反馈来告诉用户这个 Card 是可点击的。

（此处用其他例子代替 CardView 演示）

如果你是用了 AppCompat v7 支持库：

那么你可以直接给 CardView 加上 android:foreground=”?attr/selectableItemBackground” 这个属性会在 Lollipop 上自动加上 Ripple 效果，在旧版本则是一个变深/变亮的效果。

如果你没使用这个支持库或者觉得这个效果在旧版本显得有点僵硬：你可以尝试自定义一个 Drawable，和上一条一样根据不同 SDK 版本分别编写不同的效果，在此就不多介绍自定义 Drawable 的方法。

◆ 让点击效果更加贴近 Material Design