MaterialDesign学习篇(七),CardView卡片式布局的使用

什么是CardView

CardView顾名思义就是一个卡片型的View,它是在Android5.0引入的一个控件,作为一个容器使用,它本身继承于FrameLayout,可以说它的使用和FrameLayout差不多,也是用来包裹一些子View,只不过它可以添加圆角和阴影的效果,经常在ListView或RecyclerView的item布局中作为容器使用,使内容看起来更加突出和显眼。

如何使用CardView

先看下效果,未使用CardView时:

MaterialDesign学习篇(七),CardView卡片式布局的使用_第1张图片

使用CardView时的效果:

MaterialDesign学习篇(七),CardView卡片式布局的使用_第2张图片

导入依赖

compile 'com.android.support:cardview-v7:26.0.0-alpha1'

布局文件中,使用CardView




    

    

        

        

            

            

        

    

    


和使用FrameLayout一样,直接用CardView作为容器包裹,其中app:contentPadding="5dp"指定了卡片内容于边距的间隔为5dp,app:cardElevation="5dp"指定了卡片阴影的大小为5dp,app:cardCornerRadius="5dp"指定了卡片的圆角大小为5dp。是不是看起来有种卡片的形状,相比没有添加CardView,是不是显得比较好看。

CardView的一些属性说明

   属性                             说明

cardBackgroundColor              卡片的背景颜色

cardCornerRadius                 卡片的圆角大小

cardElevation                    阴影的大小

cardMaxElevation                 阴影最大高度

cardUseCompatPadding             设置内边距,V21+的版本和之前的版本仍旧具有一样的计算方式

cardPreventCornerOverlap         在V20和之前的版本中添加内边距,这个属性为了防止内容和边角的重叠

contentPadding                   卡片内容于边距的间隔

contentPaddingTop                卡片内容与顶部的边距

contentPaddingBottom             卡片内容与底部的边距

contentPaddingLeft               卡片内容与左边的边距

contentPaddingRight              卡片内容与右边的边距 

本文对CardView做了简单的介绍,并演示了它的效果,需要源码的可以查看:

https://github.com/chaychan/MaterialDesignExercise

你可能感兴趣的:(MaterialDesign学习篇(七),CardView卡片式布局的使用)