Android切圆角的几种常见方式总结
Android 中有哪些可以切圆角的实现方式呢？
本文总结一下常用的方式。
以下内容分为以下几部分：
- 利用 Drawable 的 shape xml 实现
- CardView 实现圆角
- fresco 中的 SimpleDraweeView 实现圆角
- 利用 View 的 ViewOutlineProvider 实现圆角
- 总结
1. 利用 Drawable 的 shape xml 实现
很多时候，我们可以自定义一些 drawable , 代码如下：
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="15dp"/> <solid android:color="#FFFFFF"/> <stroke android:width="1dp" android:color="#EBEBEB"/> </shape>
其中，corners 就是我们实现的圆角，这里指定圆角的半径为 15dp。
solid 是指填充色，这里为白色；
stroke 为drawable 的边缘宽度和颜色设置，这里为 1dp 颜色比白色黑一点。
如果知识想要 「圆角」的话，可以不需要指定 stroke
然后在我们需要的 View 上，设置它的 background 为该 drawable 即可.
效果为：
drawable 圆角
本质是在 background 上加了圆角。
2. CardView 的圆角
CardView 是自带圆角实现的，我们只需要在它的定义中加一句 app:cardCornerRadius="8dp" 即可。
代码如下：
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <androidx.cardview.widget.CardView android:layout_width="256dp" android:layout_height="128dp" app:cardBackgroundColor="#0084FF" app:cardCornerRadius="16dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> </androidx.constraintlayout.widget.ConstraintLayout>
设置该 CardView 圆角半径为 16dp,
效果图如下：
cardView 圆角
3. fresco 中的 SimpleDraweeView
fresco 是一个强大的图片库，里面的 SimpleDraweeView 常用来加载图片。
SimpleDraweeView 实现了很多功能，其中一个就是实现了圆角属性 roundedCornerRadius
实现代码：
<com.facebook.drawee.view.SimpleDraweeView android:layout_width="256dp" android:layout_height="128dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:actualImageScaleType="centerCrop" app:roundedCornerRadius="3dp" />
这里设置图片圆形边角为 3dp
实现效果为：
SimpleDraweeView 圆角
4. 利用 View 的 ViewOutlineProvider 实现圆角
这种实现方式，本质上是修改了 View 的轮廓。
代码实现：
itemView.outlineProvider = object : ViewOutlineProvider() {
override fun getOutline(view: View, outline: Outline) {
outline.setRoundRect(0, 0, view.width, view.height, 5.dp.toFloat())
}
}
// 打开开关
itemView.clipToOutline = true
为整个 View 添加上圆角。
实现效果为：
outlineProvider 圆角
这样的好处是，不需要给里面的子 view 设置圆角，在最外层的 View 设置为圆角即可。
更大的好处是：比使用了第一种方式 drawable 的 xml 少了一层过度绘制。因为省去了设置的 background
利用 ViewOutlineProvider 的实现圆角，本质上是在 View 的画布上画了一个圆角的矩形。
setRoundRect(xxx)
同时 outline 还可以画其他的一些内容。
outline.setRect(xxx)// 画矩形 outline.setRoundRect(xxx)// 画圆角矩形 outline.setOval(xxx) // 画椭圆
同时，因为 outline.setRoundRect(0, 0, view.width, view.height, 5.dp.toFloat()) 是在一个矩形上画的圆角。因为，当我们的矩形减小或增大时，有些圆角是没有区域可画，会形成部分圆角存在的情况。
既然提到了 ViewOutlineProvider , 那就得提一下 StateListAnimator 这个动画得效果， 感兴趣得自己去搜索一下。可参考 StateListAnimator
5.总结
上面总结了一下常见的 Android 中实现圆角的方式，在使用过程中，怎么方便怎么来。
我个人最近比较喜欢用 ViewOutlineProvider, 对轮廓进行剪切，高效且方便。
好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。
相关文章
这篇文章主要介绍了Android如何搭建FTP服务器,需要的朋友可以参考下2017-08-08
这篇文章主要给大家介绍了关于Android 8.0中一些坑以及对应的解决方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-09-09
今天小编就为大家分享一篇关于Android UI开发中所遇到的各种坑，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2018-12-12
这篇文章主要介绍了Android编程设计模式之Builder模式,结合实例形式详细分析了Android设计模式之Builder模式概念、功能、使用场景、用法及相关注意事项,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了Android实现QQ手机管家悬浮小火箭效果，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要为大家详细介绍了Android自定义view实现输入控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
Android 在viewPager中双指缩放图片双击缩放图片单指拖拽图片的实现思路
本文通过实例代码给大家讲解了Android 在viewPager中双指缩放图片双击缩放图片单指拖拽图片的实现思路及解决方案，需要的朋友参考下吧2017-05-05
这篇文章主要为大家介绍了系统应用根据Uri授予权限方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了Android APP使用自定义字体实现方法的相关资料,需要的朋友可以参考下2016-10-10
面向对象编程通过对事物的抽象，大大的简化了程序的开发难度。我们常用的编程语言：Java、C++、Python都属于面向对象编程。Kotlin与java类似，也是一种面向对象编程语言。本文从面向对象三个基本特征：封装、继承、多态，来阐述一下Kotlin中的面向对象编程2022-12-12
最新评论