脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android切圆角

Android切圆角的几种常见方式总结

 更新时间：2019年12月12日 08:38:20   作者：chendroid  
这篇文章主要给大家介绍了关于Android切圆角的常见方式，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

Android 中有哪些可以切圆角的实现方式呢？

本文总结一下常用的方式。

以下内容分为以下几部分：

  1. 利用 Drawable 的 shape xml 实现
  2. CardView 实现圆角
  3. fresco 中的 SimpleDraweeView 实现圆角
  4. 利用 View 的 ViewOutlineProvider 实现圆角
  5. 总结

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实现视频的画中画功能

    Android实现视频的画中画功能

    手机观看视频的时候，有些工作需要沟通，或者参与抢购活动，同时为了不错过视频精彩片段，会选择画中画模式，这篇文章主要为大家详细介绍了Android实现视频的画中画功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Kotlin使用flow实现倒计时功能(示例详解)

    Kotlin使用flow实现倒计时功能(示例详解)

    这篇文章主要介绍了Kotlin使用flow实现倒计时功能,本文通过图文实例相结合给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • Android 游戏引擎libgdx 资源加载进度百分比显示案例分析

    Android 游戏引擎libgdx 资源加载进度百分比显示案例分析

    因为案例比较简单，所以简单用AndroidApplication -> Game -> Stage 搭建框架感兴趣的朋友可以参考下
    2013-01-01
  • Android中Retrofit库的高级使用与原理

    Android中Retrofit库的高级使用与原理

    在 Android 开发中,网络请求是一个极为关键的部分,Retrofit 作为一个强大的网络请求库,能够简化开发流程,提供高效的网络请求能力,本文将深入介绍 Retrofit 的高级使用与原理,帮助读者更全面地理解和应用这一库,需要的朋友可以参考下
    2023-08-08
  • Android App后台震动的实现步骤详解

    Android App后台震动的实现步骤详解

    这篇文章主要为大家介绍了Android App后台震动的实现步骤详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • phonegap教程使用jspdf库在应用中生成pdf文件(pdf生成方法)

    phonegap教程使用jspdf库在应用中生成pdf文件(pdf生成方法)

    在PhoneGap应用中生成pdf文件，实现起来很简单,使用JSPDF这个标准的JavaScript类库来实现这个功能
    2014-01-01
  • Android控件PopupWindow模仿ios底部弹窗

    Android控件PopupWindow模仿ios底部弹窗

    这篇文章主要为大家详细介绍了Android控件PopupWindow仿ios底部弹窗效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Android Compose自定义TextField实现自定义的输入框

    Android Compose自定义TextField实现自定义的输入框

    众所周知Compose中默认的TextField和OutlineTextField样式并不能满足所有的使用场景，所以自定义TextField就成了必备技能。本文将自定义TextField实现自定义的输入框，感兴趣的可以了解一下
    2022-03-03
  • Android中各种Time API详细

    Android中各种Time API详细

    这篇文章要分享的是Android中各种Time API， SystemClock.uptimeMillis()、System.nanoTime()，下面我们就来看看他们到底有什么区别吧
    2021-10-10
  • 实例探究Android开发中Fragment状态的保存与恢复方法

    实例探究Android开发中Fragment状态的保存与恢复方法

    这篇文章主要介绍了实例探究Android开发中Fragment状态的保存与恢复方法,或许开发者们对Fragment的操作都比较熟悉,但onSaveInstanceState()方法并不能够很好地保存Fragment状态,需要的朋友可以参考下
    2016-04-04

最新评论