有时候我们见到过App上有那种和卡片一样的布局,自定义的话太麻烦,于是有了大佬给我们集成了第三方,CardView卡片式布局设计

CardView简介

CardView继承自FrameLayout类.

CardView是一种卡片视图，主要是以卡片形式显示内容.

CardView功能

CardView实现在一个卡片布局中显示相同的内容，卡片布局可以设置圆角和阴影，还可以布局其他的View。

CardView即可作为一般的布局使用，也可以作为ListView和RecyclerView的Item使用。

CardView何时使用

需要显示层次性的内容，可以考虑使用。

需要显示列表或网格时，可以考虑使用。

废话不多说接下来开始使用:

1.使用前添加依赖：(也可以在Module的Dependencies中使用线上依赖 直接搜索cardview)。

//CardView 卡片布局

implementation 'androidx.cardview:cardview:1.0.0'

CardView本质上属于FrameLayout，不同的是，它多了很多"特效"(圆角、阴影等).

它的使用很简单 比如一张照片需要卡片形式的 就直接包裹在 ImageView外面就可以了

代码如下:

android:id="@+id/cardView"

app:cardElevation="5dp"

app:cardCornerRadius="5dp"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/images"

android:layout_width="46dp"

android:layout_height="46dp"

android:layout_alignParentBottom="true"

android:layout_margin="10dp"

android:src="@mipmap/zhibo" />

效果:

CardView.png

可以看见，被CardView包裹的ImageView有明显的圆角和阴影，这就是CardView最重要的两条属性了↓.↓.↓.↓.↓.↓.

app:cardCornerRadius=" "圆角的半径，效果就是上面四个角的弧度

app:cardElevation=" "阴影大小

CardView属性介绍

android:cardCornerRadius

在xml文件中设置card圆角的大小

CardView.setRadius

在代码中设置card圆角的大小

android:cardBackgroundColor

在xml文件中设置card背景颜色

android:elevation

在xml文件中设置阴影的大小

card_view:cardElevation

在xml文件中设置阴影的大小

card_view:cardMaxElevation

在xml文件中设置阴影最大高度

card_view:cardCornerRadius

在xml文件中设置卡片的圆角大小

card_view:contentPadding

在xml文件中设置卡片内容于边距的间隔

card_view:contentPaddingBottom

在xml文件中设置卡片内容于下边距的间隔

card_view:contentPaddingTop

在xml文件中设置卡片内容于上边距的间隔

card_view:contentPaddingLeft

在xml文件中设置卡片内容于左边距的间隔

card_view:contentPaddingRight

在xml文件中设置卡片内容于右边距的间隔

card_view:contentPaddingStart

在xml文件中设置卡片内容于边距的间隔起始

card_view:contentPaddingEnd

在xml文件中设置卡片内容于边距的间隔终止

card_view:cardUseCompatPadding

在xml文件中设置内边距，V21+的版本和之前的版本仍旧具有一样的计算方式

card_view:cardPreventConrerOverlap

在xml文件中设置内边距，在V20和之前的版本中添加内边距，这个属性为了防止内容和边角的重叠

好了,到这就结束了.不懂的地方下方评论,CardView很有很多功能,其他的功能请自行百度,这篇文章只是介绍了一下简单的使用