有时候我们见到过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外面就可以了
代码如下:
<androidx.cardview.widget.CardView
android:id="@+id/cardView"
app:cardElevation="5dp"
app:cardCornerRadius="5dp"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/images"
android:layout_width="46dp"
android:layout_height="46dp"
android:layout_alignParentBottom="true"
android:layout_margin="10dp"
android:src="@mipmap/zhibo" />
</androidx.cardview.widget.CardView>
效果:
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很有很多功能,其他的功能请自行百度,这篇文章只是介绍了一下简单的使用
网友评论