Meterial Design常见控件的使用（八）：CardView

目录：

• CardView简介
• CardView基本属性（xml文件中）
• 某些属性使用效果
• CardView使用方法
• 高级效果 波纹点击（像点击Button那样）
• 注意 对低版本的兼容处理

CardView简介

• CardView是API21（Android5.0）发布的卡片式控件。简单的说就是卡片视图，扁平化视图。
• 继承自FrameLayout

public class CardView extends FrameLayout

• CardView可以作为根布局使用，也可以作为ReCycleView或者ListView的Item

CardView基本属性（xml文件中）

• app:cardBackgroundColor这是设置背景颜色
  app:cardCornerRadius这是设置圆角大小
  app:cardElevation这是设置阴影（z轴），具体效果见下面
  app:contentPadding 设置内容的padding CardView子布局与CardView边界
  app:contentPaddingLeft 设置内容的左padding
  app:contentPaddingTop 设置内容的上padding
  app:contentPaddingRight 设置内容的右padding
  app:contentPaddingBottom 设置内容的底padding
  app:cardUseCompatPadding 是否使用CompatPadding， 官方说是设置内边距，个人感觉不到什么，具体效果见下面
  app:cardPreventCornerOverlap 是否使用PreventCornerOverlap，设置内边距（API20及以下中），通常该属性为了避免内容和边角的重叠

某些属性使用效果

• 阴影Elevation

  

  10dp的阴影Elevation.png

30dp的Elevation（阴影）.png

• app:contentPadding CardView子布局与CardView边界

ContentPadding为10dp效果 背景为红

• app:cardUseCompatPadding 设置内边距

  

  cardUseCompatPadding=“true”.png

cardUseCompatPadding_false.png

CardView使用方法

当前IDE:Android Studio 2.2正式版
jdk1.8.102
compileSdkVersion 25
buildToolsVersion “25.0.2”

gradle 导包

dependencies {
   
    ...
    compile 'com.android.support:cardview-v7:25.2.0'
}

CardView是通常是定义在布局文件中：

<RelativeLayout
    xmlns:<