Android Material Design 之CardView 属性解析及使用

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

其次介绍一下它的基本属性：

app:cardBackgroundColor设置背景颜色 app:cardCornerRadius设置圆角大小

app:cardElevation设置z轴的阴影 app:cardMaxElevationz轴的最大高度值

app:cardUseCompatPadding是否使用CompatPadding

app:cardPreventCornerOverlap是否使用PreventCornerOverlap配置与内部控件进行圆角匹配默认可以圆角处理如果去掉自定义需要重写一些控件进行圆角匹配

app:contentPadding 设置内容的padding

app:contentPaddingLeft 左padding app:contentPaddingTop 上padding

app:contentPaddingRight 右padding app:contentPaddingBottom 底padding

代码如下

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
tools:context="cn.ypz.com.mymaterialdesigndemo.cardView.CardViewActivity">
    <android.support.v7.widget.CardView
        android:layout_width="50dp"
        android:layout_height="50dp"
        app:cardBackgroundColor="#18C3DA"
        app:cardCornerRadius="25dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:cardElevation="20dp"
        app:cardMaxElevation="320dp"/>
    <android.support.v7.widget.CardView
        android:layout_width="200dp"
        android:layout_height="80dp"
        android:layout_marginBottom="200dp"
        app:cardBackgroundColor="#18CFDA"
        app:cardElevation="30dp"
        app:cardMaxElevation="60dp"
        app:contentPadding="10dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:cardBackgroundColor="#DA2B6E"
            app:cardElevation="20dp" />
    android.support.v7.widget.CardView>
android.support.constraint.ConstraintLayout>

运行效果如下：

Android Material Design 之CardView 属性解析及使用_第1张图片

更多相关文章

随机推荐