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