在 Material Design 中,卡片是一种非常常见的 UI 元素,用于展示信息和内容。而 CardView 就是 Android 中实现卡片布局的一种 View。
CardView 的基本使用
CardView 的基本使用非常简单,只需要在布局文件中添加 CardView 控件即可。例如:
---------------------------------- ----------------------------------- ------------------------------------- ---- ---- -------- ---- --- ------------------------------------
CardView 支持以下属性:
- cardBackgroundColor:卡片的背景色
- cardCornerRadius:卡片的圆角大小
- cardElevation:卡片的阴影大小
- cardMaxElevation:卡片的最大阴影大小
- cardUseCompatPadding:是否使用兼容性内边距
例如,下面的代码实现了一个浅蓝色背景,圆角为 8dp,阴影大小为 4dp 的卡片:
---------------------------------- ----------------------------------- ------------------------------------ --------------------------------- -------------------------- ------------------------ ---- ---- -------- ---- --- ------------------------------------
CardView 的进阶使用
除了基本使用外,CardView 还可以通过自定义布局和添加子 View 来实现更加复杂的效果。
自定义布局
CardView 支持自定义布局,可以将 CardView 的布局文件设置为自定义布局,然后在代码中使用 LayoutInflater 将自定义布局添加到 CardView 中。
例如,下面的代码实现了一个自定义布局的 CardView,布局文件为 card_custom.xml:
----- ------------- ------------------ ------------- ---------------------------------------------------------- ----------------------------------- ------------------------------------ ---------------------------- ------------------------------ ----------------------- --------- -------------------------- ----------------------------------- ------------------------------------ ------------------ ------ ----------------------- -- --------- ---------------------------- ----------------------------------- ------------------------------------ ------------------ -------- ----------------------- -- ---------------
在代码中,我们可以通过以下方式将自定义布局添加到 CardView 中:
-------- -------- - ----------------------------- ---- ---------- - ------------------------------------------------------- --------- ------- -----------------------------
添加子 View
CardView 也支持添加子 View,可以通过 addView() 方法添加子 View。例如,下面的代码实现了一个添加 ImageView 的 CardView:
---------------------------------- ----------------------------------- ------------------------------------ -------------------------- ------------------------ ---------- ----------------------------------- ----------------------------- ------------------------------ ----------------------------- -- ------------------------------------
总结
本文介绍了 CardView 的基本使用和进阶使用,包括自定义布局和添加子 View。CardView 是实现卡片布局的常用控件,可以帮助开发者实现美观的 UI 效果。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65dd7cc21886fbafa4ad5fab