不用自定义View,CardView实现圆角、原型、阴影等高级功能

CardView是google在5.0中提供带圆角和阴影的布局,继承自FrameLayout。

常用属性解说:

android:cardBackgroundColor :设置CardView的背景颜色,这个很好理解
app:cardCornerRadius:设置CardView四周的圆角大小
app:cardElevation:设置阴影尺寸
app:cardMaxElevation:设置阴影的最大尺寸
app:contentPadding:设置CardView的内边距,对CardView设置padding内边距属性是无效的(见图一)。另外需要注意的是单单设置contentPadding属性,展示出来的图片在效果上是无圆角的(见图二):

不用自定义View,CardView实现圆角、原型、阴影等高级功能_第1张图片
图一
不用自定义View,CardView实现圆角、原型、阴影等高级功能_第2张图片
图二

app:cardUseCompatPadding:这个属性如果你设置成true的话,那么就能保证所有版本的Padding都设置相同的Padding
app:cardPreventCornerOverlap:是否裁剪边界以防止重叠,以保证边角是圆形的!通常该属性为了避免内容和边角的重叠。向下兼容低版本SDK时设置为false。
xml代码如下:

	

        
	

另外,CardView还可以用来展示圆形图片,就如下图所示:
不用自定义View,CardView实现圆角、原型、阴影等高级功能_第3张图片
实现方法很简单,就是在给CardView设置app:cardCornerRadius属性的时候,将值设置为CardView的宽高的一半即可:

 

        

这里需要注意的是:当给ImageView设置图片是使用src方式的时候,需要给ImageView设置android:scaleType属性,取值则根据需求选择centerCrop或者fitXY。如果是background方式的话,则不需要。

你可能感兴趣的:(View系列)