在 Material Design 中，CardView 是一种常用的控件，它能够为应用程序提供一个漂亮而统一的外观，并且可以方便地创建带有阴影效果的卡片。在本文中，我们将介绍如何使用 CardView 控件来创建卡片。
创建 CardView 控件
创建一个 CardView 控件非常简单，只需要在布局文件中添加以下代码即可：
// javascriptcn.com 代码示例
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardElevation="4dp"
app:cardCornerRadius="8dp">
<!-- 在这里添加你的布局内容 -->
</androidx.cardview.widget.CardView>在上面的示例中，我们首先引入了 CardView 控件，然后设置了它的宽度和高度，接着使用 app:cardElevation 属性设置阴影的大小，使用 app:cardCornerRadius 属性设置卡片的圆角大小。最后，在 CardView 中添加你想要显示的布局内容即可。
设置 CardView 的阴影效果
CardView 的阴影效果可以通过 app:cardElevation 属性来控制。这个属性决定了卡片阴影的大小，从而使卡片看起来浮在其他布局上方。
另外，CardView 也支持通过 app:cardUseCompatPadding 属性设置卡片 padding 值，使用 app:cardPreventCornerOverlap 属性可以在圆角半径大于 0 的情况下避免内容在圆角处与卡片背景重合。
设置 CardView 的圆角效果
CardView 的圆角效果可以通过 app:cardCornerRadius 属性来设置。这个属性指定了卡片的圆角半径，使卡片边角更加平滑。
示例代码
下面是一个简单的示例代码，展示如何使用 CardView 控件来创建一个带有阴影效果和圆角效果的卡片：
// javascriptcn.com 代码示例
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardElevation="4dp"
app:cardCornerRadius="8dp"
app:cardUseCompatPadding="true"
app:cardPreventCornerOverlap="true">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp">
<TextView
android:text="标题"
android:textSize="24sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:text="内容"
android:textSize="16sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp" />
</LinearLayout>
</androidx.cardview.widget.CardView>上述代码中创建了一个 CardView 控件，设置了阴影效果和圆角效果，同时包含了一个包含标题和内容的线性布局。这个布局会填充整个卡片，同时也由于 app:cardUseCompatPadding 属性的设置，使内容与卡片边缘有一定的距离。
总结
通过使用 CardView 控件，可以轻松创建带有阴影效果和圆角效果的卡片。在具体使用时，可以根据需要调整卡片的阴影大小和圆角大小，同时添加适当的内边距，创建出适合自己应用的卡片效果。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652a0b857d4982a6ebc68cfe