android CardView常用属性

最新推荐文章于 2024-05-24 07:45:00 发布

转载最新推荐文章于 2024-05-24 07:45:00 发布 · 1.7k 阅读

文章标签：

#android #recyclerView #cardView

日记同时被 3 个专栏收录

181 篇文章

订阅专栏

工作总结

102 篇文章

订阅专栏

转载他人

21 篇文章

订阅专栏

本文详细介绍如何在Android开发中将CardView与RecyclerView结合使用，包括CardView的属性设置及在XML布局中的应用实例，帮助开发者掌握美观且实用的卡片式布局设计。

使用环境：

recyclerView + CardView 确实配，但不配合使用也没什么，所以别说绝配什么的。

使用方法：

1 属性：

<resources>
    <declare-styleable name="CardView">
        <!-- Background color for CardView. -->
        <!-- 设置背景色 -->
        <attr name="cardBackgroundColor" format="color" />
        <!-- Corner radius for CardView. -->
        <!-- 设置圆角大小 -->
        <attr name="cardCornerRadius" format="dimension" />
        <!-- Elevation for CardView. -->
        <!-- 设置Z轴阴影高度 -->
        <attr name="cardElevation" format="dimension" />
        <!-- Maximum Elevation for CardView. -->
        <!-- 设置Z轴阴影最大高度 -->
        <attr name="cardMaxElevation" format="dimension" />
        <!-- Add padding in API v21+ as well to have the same measurements with previous versions. -->
        <!-- 设置内边距，v21+的版本和之前的版本仍旧具有一样的计算方式 -->
        <attr name="cardUseCompatPadding" format="boolean" />
        <!-- Add padding to CardView on v20 and before to prevent intersections between the Card content and rounded corners. -->
        <!-- 在v20和之前的版本中添加内边距，这个属性是为了防止卡片内容和边角的重叠 -->
        <attr name="cardPreventCornerOverlap" format="boolean" />
        <!-- 下面是卡片边界距离内部的距离-->
        <!-- Inner padding between the edges of the Card and children of the CardView. -->
        <attr name="contentPadding" format="dimension" />
        <!-- Inner padding between the left edge of the Card and children of the CardView. -->
        <attr name="contentPaddingLeft" format="dimension" />
        <!-- Inner padding between the right edge of the Card and children of the CardView. -->
        <attr name="contentPaddingRight" format="dimension" />
        <!-- Inner padding between the top edge of the Card and children of the CardView. -->
        <attr name="contentPaddingTop" format="dimension" />
        <!-- Inner padding between the bottom edge of the Card and children of the CardView. -->
        <attr name="contentPaddingBottom" format="dimension" />
    </declare-styleable>
</resources>

2 使用方法：

//列表配置
    implementation 'com.android.support:cardview-v7:26.1.0'

xml布局中：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

        <variable
            name="adapter"
            type="com.tongyonghangkong.ui.adapter.DayAndDayTextAdapter" />

        <variable
            name="bean"
            type="String" />
    </data>

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="@dimen/onehundredSixty"
        android:foreground="?attr/selectableItemBackground"
        android:gravity="center"
        android:layout_margin="@dimen/fifteen"
        android:orientation="vertical"
        app:cardBackgroundColor="#FFFFFF"
        app:cardCornerRadius="15dp"
        app:cardMaxElevation="3dp"
        app:cardElevation="3dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/ivModule"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:scaleType="centerCrop"
                android:src="@drawable/icon_girl" />

            <TextView
                android:id="@+id/tvModuleFuncationName"
                style="@style/module_style_text_tv_1_12"
                android:text="@string/module_str_love_counseling" />

        </LinearLayout>
    </android.support.v7.widget.CardView>
</layout>

效果：