[Android] Android 卡片式控件CardView的优雅使用

[Android] Android 卡片式控件CardView的优雅使用

CardView是在安卓5.0提出的卡片式控件

其具体用法如下：

1、在app/build.gradle 文件中添加

compile 'com.android.support:cardview-v7:25.3.1' // 卡片式布局

2、在xml布局文件中使用

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".modules.main.ui.MainActivity">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:elevation="5dp"
        app:cardBackgroundColor="#0000ff"
        app:cardCornerRadius="10dp">

        <TextView
            android:id="@+id/info_text"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="圆角text"/>
    </android.support.v7.widget.CardView>
</RelativeLayout>

3、或者 在代码中设置使用

cardView = (CardView)findViewById(R.id.cardView);
    cardView.setRadius(8);                    //设置图片圆角的半径大小
    cardView.setCardElevation(8);        //设置阴影部分大小
    cardView.setContentPadding(5,5,5,5);        //设置图片距离阴影大小

另)  附上它的常见基本属性：
app:cardBackgroundColor这是设置背景颜色
app:cardCornerRadius这是设置圆角大小
app:cardElevation这是设置z轴的阴影
app:cardMaxElevation这是设置z轴的最大高度值
app:cardUseCompatPadding是否使用CompatPadding
app:cardPreventCornerOverlap是否使用PreventCornerOverlap
app:contentPadding 设置内容的padding
app:contentPaddingLeft 设置内容的左padding
app:contentPaddingTop 设置内容的上padding
app:contentPaddingRight 设置内容的右padding
app:contentPaddingBottom 设置内容的底padding

本博客地址： wukong1688

本文原文地址：https://www.cnblogs.com/wukong1688/p/10671941.html

转载请著名出处！谢谢~~