1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > android自定义阴影的卡片布局 CardView卡片布局的简单使用

android自定义阴影的卡片布局 CardView卡片布局的简单使用

时间:2024-04-12 06:02:09

相关推荐

android自定义阴影的卡片布局 CardView卡片布局的简单使用

有时候我们见到过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很有很多功能,其他的功能请自行百度,这篇文章只是介绍了一下简单的使用

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。