【Interface&navigation】创建一个基于卡片的布局（5）

原
应用程序通常需要以类似样式的容器显示数据。这些容器通常用于列表中以保存每个项目的信息。系统提供的 CardViewAPI是一种简单的方法，可让您在平台上显示一致外观的卡片中显示信息。这些卡片的默认高度高于其包含的视图组，因此系统会在其下方绘制阴影。卡片提供了一种容易的方式来包含一组视图，同时为容器提供一致的样式。

添加依赖关系

该CardView 小部件是v7支持库的一部分。要在您的项目中使用它，请将以下依赖项添加到您的应用程序模块的build.gradle文件中：

dependencies {
    implementation 'com.android.support:cardview-v7:27.1.1'
}

【Interface&navigation】创建一个基于卡片的布局（5）
图1。卡片示例

创建卡片

为了使用CardView你需要将它添加到你的布局文件。将其用作视图组以包含其他视图。在这个例子中， CardView包含一个单独TextView 的显示一些信息给用户。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    ... >
    <!-- A CardView that contains a TextView -->
    <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view"
        android:layout_gravity="center"
        android:layout_width="200dp"
        android:layout_height="200dp"
        card_view:cardCornerRadius="4dp">

        <TextView
            android:id="@+id/info_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
</LinearLayout>

卡片以默认的高度绘制到屏幕上，这会导致系统在它们下面绘制阴影。您可以为具有该card_view:cardElevation属性的卡片提供自定义高程。这将在更大的高程上绘制更明显的阴影，而更低的高程将导致更轻的阴影。 CardView在Android 5.0（API级别21）及更高版本上使用真正的高程和动态阴影，并回退到早期版本的编程阴影实现。

使用这些属性来定制CardView小部件的外观：

要在布局中设置角落半径，请使用该card_view:cardCornerRadius 属性。
要在代码中设置拐角半径，请使用该CardView.setRadius方法。
要设置卡片的背景颜色，请使用该card_view:cardBackgroundColor 属性。
有关更多信息，请参阅API参考CardView。

联系我

QQ:94297366
微信打赏：https://pan.baidu.com/s/1dSBXk3eFZu3mAMkw3xu9KQ

公众号推荐：

【Interface&navigation】创建一个基于卡片的布局（5）