Material Design 是 Google 推出的一种设计语言，旨在创造出一个连贯、有层次感、具有意义和美感的 UI。其中，CardView 是 Material Design 中最常见的 UI 元素之一。本文将详细介绍 CardView 的使用方法，并提供实际示例代码。
什么是 CardView
CardView 是一个可以包裹在其中的子 View 中，可以使我们展示一些信息或图片的 UI 元素。它可以在我们应用的视觉布局中通过添加 Box、Shadow 和圆角边框等元素来带来更具层次感的 UI。
在 Android 开发中，为了实现一个 CardView，我们需要使用 androidx.cardview.widget.CardView 类。该类库也包括了对 Material Design 的其他一些 UI 的支持类。
如何使用 CardView
要使用 CardView 要求我们首先在 Gradle 中依赖 androidx.cardview.widget 库，例如：
dependencies {
...
implementation 'androidx.cardview:cardview:1.0.0'
}然后，在布局文件中，我们需要将 CardView 包含在一个布局中，例如 Linear Layout 或 Relative Layout。
以下是一个包含 CardView 的简单布局示例：
-- -------------------- ---- -------
----- ------------- ------------------
----------------------------------
----------------------------------------------------------
-----------------------------------
------------------------------------
----------------------------
-------------
-----------------------------------
------------------------------------
----------------------
-------------------------------
---- - ---- ---
---------------
------------------------------------我们可以看到，在上面的布局中，CardView 包含了一个 Linear Layout，在其中添加我们需要展示的子 View。
CardView 属性
CardView 有很多属性可供我们设置。下面是一些常用的属性：
cardBackgroundColor：CardView 的背景颜色。cardElevation：CardView 的阴影高度。cardCornerRadius：CardView 的圆角半径。cardUseCompatPadding：是否启用向下兼容。cardPreventCornerOverlap：是否给 CardView 的边角添加一个空白，以避免内容重叠。
我们可以像下面这样将 CardView 属性在 XML 中进行声明：
-- -------------------- ---- -------
----------------------------------
----------------------------------------------------------
-----------------------------------
------------------------------------
------------------------------------------------------
-----------------------
--------------------------
-------------------------------
------------------------------------
---- ---- ---- ---
------------------------------------我们也可以在代码中进行修改，例如：
CardView cardView = findViewById(R.id.card_view); cardView.setCardElevation(10);
以上代码将 CardView 的阴影高度设为了 10。
实例示例代码
以下是一个包含 CardView 的示例布局和 Java 代码：
activity_main.xml
-- -------------------- ---- -------
----- ------------- ------------------
-------------
----------------------------------------------------------
-----------------------------------
------------------------------------
----------------------
-------------------------------
---------
-----------------------------------
------------------------------------
------------------- ---------
------------------------
-----------------------
------------------------------------
----------------------------------
---------------------------
-----------------------------------
------------------------------------
-----------------------
--------------------------
-------------------------------
------------------------------------
-------------
-----------------------------------
------------------------------------
----------------------
-------------------------------
----------
-----------------------------------
-----------------------------
--------------------------------------
---------
-----------------------------------
------------------------------------
------------------ ------
-----------------------
-------------------------------
-----------------------------------
---------
-----------------------------------
------------------------------------
------------------ ------------
-------------------------
---------------
------------------------------------
---------------MainActivity.java
-- -------------------- ---- -------
------ ----- ------------ ------- ----------------- -
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
-------- -------- - -----------------------------
------------------------------- ---------------------- -
---------
------ ---- ------------ -- -
--------------------------------- --------- --------- ---------------------------
-
---
-
-以上示例创建了一个包含图片和文本的 CardView，并将其包含在一个 LinearLayout 中。我们也可以通过实现 setOnClickListener() 方法来添加点击事件的逻辑。
总结
在本文中，我们已详细介绍了使用 Android Material Design 中的 CardView。现在，我们已经知道如何在我们的应用程序中添加美观、具有层次感的 UI 元素。我们可以放心地使用 CardView，因为它是一个广泛使用的库，经过了良好的测试和验证。
希望本文对你有所帮助，让你能够更好地使用 CardView。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654102d57d4982a6ebaa1ca0