RoundView

比较常用的ViewGroup和View的圆角实现，一发治好设计的圆角病。

效果预览

注意

• 从1.8.0开始，包名从【com.csdn.roundview】替换为【net.csdn.roundview】
• 最低支持版本为Android5.0（minSdkVersion 21）
• 本项目仅提供AndroidX版本，Support版本请前往RoundCorners
• 从RoundCorners迁移过来的用户，可以全局搜索【com.kproduce.roundcorners】替换为【net.csdn.roundview】

特点

• LinearLayout、RelativeLayout、FrameLayout、ConstraintLayout支持圆角
• ImageView、TextView、View、Button支持圆角
• CircleImageView（圆形图片）
• 支持边框，可使用Color的Selector
• 可正常设置ripple（波纹不会突破边框）
• 使用 xml 或者 代码 进行配置，使用简单
• ......

基本用法

Step 1. 添加mavenCentral仓库 在项目根目录下的 build.gradle 中添加仓库:

allprojects {
    repositories {
        ...
        mavenCentral()
    }
}

Step 2. 添加项目依赖

dependencies {
    implementation 'io.github.csdn-mobile:RoundView:1.8.0'
}

Step 3. 在布局文件中添加需要的RoundCorners

<net.csdn.roundview.CircleImageView
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:src="https://github.com/csdn-mobile/RoundView/raw/master/@mipmap/ic_test"
    app:rStrokeColor="#FF3333"
    app:rStrokeWidth="5dp" />

<net.csdn.roundview.RoundImageView
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:scaleType="centerCrop"
    android:src="https://github.com/csdn-mobile/RoundView/raw/master/@mipmap/ic_test"
    app:rRadius="30dp"/>

<net.csdn.roundview.RoundTextView
    android:layout_width="200dp"
    android:layout_height="100dp"
    android:background="@android:color/holo_blue_dark"
    android:gravity="center"
    android:text="Hello!"
    android:textColor="@android:color/white"
    android:textSize="40sp"
    app:rRightRadius="30dp" />

<net.csdn.roundview.RoundRelativeLayout
    android:layout_width="200dp"
    android:layout_height="200dp"
    app:rTopRightRadius="30dp"
    app:rBottomRightRadius="30dp"
    app:rStrokeColor="@android:color/holo_green_dark"
    app:rStrokeWidth="5dp">

    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/holo_blue_dark" />
</net.csdn.roundview.RoundRelativeLayout>

<net.csdn.roundview.RoundTextView
    android:layout_width="200dp"
    android:layout_height="100dp"
    android:background="@android:color/holo_blue_dark"
    android:gravity="center"
    android:text="Hello!"
    android:textColor="@android:color/white"
    android:textSize="40sp"
    app:rLeftRadius="50dp"
    app:rRightRadius="50dp"/>
……

支持的属性、方法

原理浅解

Android View的绘制流程。 View的绘制看一下这篇文章即可，代码版本比较早，但是逻辑基本相同。

1. 使用Path的addRoundRect方法，将需要剪切的圆角半径进行设置。
2. 所有View和ViewGroup的绘制都需要经过draw方法，在draw结束之后使用第一步的Path和PorterDuffXfermode来设置颜色混合模式，将圆形外部进行背景颜色混合。
3. 注意在draw中减少创建对象次数。

版本记录