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张图片

你可能感兴趣的:(Android,Material,design,Android,Material,design,UI控件,Android,CardView)