android圆角,android圆角背景

Android圆角背景设置

使用databinding设置圆角背景，代替drawable方式

平坝网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。成都创新互联公司成立于2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。

注意：这个只是设置一个背景，所有图片的圆角不能使用它，只能是viewGroup或者TextView。

提示：图片可以使用QMUIRadiusImageView

1、支持view和viewGroup的圆角，边框、和单个圆角等；

2、app:bgRadius：圆角大小，必须用"@{R.dimen.ui_dp8}"赋值；

3、app:bgSolidColor：设置背景色；

4、app:bgStrokeColor：设置边框颜色；

5、bgTopLeftRadius：设置左上的圆角；

我们要实现的图片控件继承自 AppCompatImageView ，它是 ImageView 的子类，但提供了更好的兼容性，我们在此基础上添加了若干自定义的属性和方法以实现最终的 NiceImageView ：

要实圆角或者圆形的显示效果，就是对图片显示的内容区域进行“裁剪”，只显示指定的区域即可。如何做呢？

一种比较直接的办法是这样的，由于图片是被绘制在画布上的，所以用 canvas 的 clipPath() 方法先将画布裁剪成指定形状，这样就能让图片按指定形状显示了，重新 draw() 方法即可：

这样使用 src 、 background 属性给ImageView设置显示的图片都能达到预期的显示效果。但是由于 clipPath() 方法不支持抗锯齿，图片边缘会有明显的毛糙感，体验并不理想，所以需要寻找其它方法。

另一种方法是使用图像的 Alpha 合成模式，即

PorterDuff 来实现，官方文档。这里我们使用其中的 DST_IN 模式。整个过程就是先绘制目标图像，也就是图片；再绘制原图像，即一个圆角矩形或者圆形，这样最终目标图像只显示和原图像重合的区域。

到这里就实现了显示为圆角或者圆形了。但是需要通过 src 属性或者对应的方法来设置图片，否则不能达到预期效果。

绘制边框就相对容易理解了，只需要绘制一个指定样式的圆角矩形或者圆形即可：

当图片显示为圆形时，还可以绘制一个内边框，但圆角矩形的话由于圆角大小的问题，目前只能设置一个边框咯。

但是有个问题，绘制的边框会覆盖在图片上，如果边框太宽会导致图片的可见区域变小了，影像显示效果，像这样，左下角的花盆不见了：

那么如何让边框不覆盖在图片上呢？可以在 Alpha 合成绘制前先将画布缩小一定比例，最后再绘制边框，这样问题就解决了。

缩放后的ImageView显示区域的宽高就是原宽、高分别减去2倍的边框宽度，这样缩小的比例也就显而易见了。效果如下，左下角的花盆出来了：

遮罩可以理解为一层带透明度的颜色，遮罩默认不绘制，当制定了遮罩颜色时才会绘制，实现很简单：

例如加一个透明度30%的红色遮罩后的效果：

核心的实现逻辑就这些了，剩下的就是自定义属性和方法了，有兴趣的可以看源码，都很简单，希望对你有所帮助吧！

更多细节及用法见GitHub：

如果你需要实现类似钉钉的圆形组合头像，例如：

Android中经常会遇到对图片进行二次处理，例如加圆角，或者显示圆形图片

通过第三方框架Glide实现图片显示有圆角，有三种写法如下：

1.1、第一种实现：

1.2、第二种实现：

1.3、第三种实现：

自定义ImageView：

对图片进行处理，此方法还可以加边框

实现圆形和边框：

以上就是本文的全部内容，希望对大家的学习有所帮助!

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容