Android CardView详解

本期主要内容

1: 什么是CardView。

2: CardView的使用方法。

1、什么是CardView

  • CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果。

  • CardView继承自Framelayout,所以FrameLayout所有属性CardView均可以直接拿来用,不过CardView还有自己独有的属性,常用属性如下:

    • app:cardElevation:设置阴影的大小。
    • app:cardMaxElevation:设置阴影最大高度。
    • app:cardBackgroundColor:设置卡片的背景色。
    • app:cardCornerRadius:设置卡片的圆角大小。
    • app:contentPadding:设置内容的padding。
    • app:contentPaddingTop:设置内容的上padding。
    • app:contentPaddingLeft:设置内容的左padding。
    • app:contentPaddingRight:设置内容的右padding。
    • app:contentPaddingBottom:设置内容的底padding。
    • app:cardUseCompatPadding:是否使用CompatPadding。
    • app:cardPreventConrerOverlap:是否使用PreventCornerOverlap。

2、CardView的使用方法

1:CardView的简单案例

Android CardView详解_第1张图片
CardView的简单案例.png

需要在cardview的布局文件中加入如下代码片段:

Android CardView详解_第2张图片
cardview

2: Card实现线性布局

Android CardView详解_第3张图片
Card实现线性布局.gif

具体实现如下:

步骤:

  • 1:设置布局方式:
Android CardView详解_第4张图片
线性布局.png
  • 2: 创建适配器
Android CardView详解_第5张图片
创建适配器
  • 3: 创建ViewHolder
Android CardView详解_第6张图片
ViewHolder.png

3: Card实现瀑布流布局

效果图:

Android CardView详解_第7张图片
效果图.gif
 mRcycleView.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));

然后修改子控件的起始高度

 mRcycleView.addItemDecoration(new ImoocItemDecoration(20));
Android CardView详解_第8张图片
子控件的起始高度

你可能感兴趣的:(Android CardView详解)