点这里关于我：
https://www.jianshu.com/p/7d19f0df5b6b
扯一扯：
平常在项目中我们想要对一个控件实现圆角等效果，一般都是在xml布局中新建一个shape文件，在里面进行一系列的操作，然后在对需要使用到的控件进行background操作，例如：
round_textview.xml：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="20dp" />
<solid android:color="#ff00ff" />
<stroke
android:color="@color/colorPrimary"
android:width="1dp" />
</shape>
对需要使用到该shape文件的控件进行background操作
<TextView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@drawable/round_textview"></TextView>
这是一个控件，可以这么操作，如果现在又有一个需求，需要另一个textview背景色为蓝色，圆角为5dp，但是我现在只有一个背景色为粉红色圆角为20dp的shape文件，那我还要再重新创建一个背景色为蓝色、圆角为5dp的shape，如果我还有五六个甚至更多的样式呢，他们可能只是背景色或者圆角或者边框等中的某一点不同，如果我们为他们都创建一个shape文件的话有点太麻烦，而且文件太多也不好管理，所以就有了RoundTextView这个控件。
自定义控件RoundTextView
自定义xml属性
在res下的values文件夹中创建文件atts.xml
我们希望可以在xml布局中直接指定填充颜色、圆角大小、边框宽度、边框颜色
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="RoundTextView">
<attr name="backColor" format="color" />
<attr name="radius" format="dimension" />
<attr name="border_width" format="dimension" />
<attr name="border_color" format="color" />
</declare-styleable>
</resources>
类RoundTextView
创建类RoundTextView继承AppCompatTextView
获取xml布局中设置的宽、高、填充色、边框、圆角等参数：
/**
* 获取布局中xml定义的属性值
*/
@SuppressLint("ResourceType")
private void getTypeArr(AttributeSet attrs) {
TypedArray myTypedArray = mContext.obtainStyledAttributes(attrs, R.styleable.RoundTextView);
backColor = myTypedArray.getColor(R.styleable.RoundTextView_backColor, 0x00000000);
radius = (int) myTypedArray.getDimension(R.styleable.RoundTextView_radius, 0f);
boderWidth = (int) myTypedArray.getDimension(R.styleable.RoundTextView_border_width, 0f);
borderColor = myTypedArray.getColor(R.styleable.RoundTextView_border_color, 0x00000000);
myTypedArray.recycle();
TypedArray androidTypedArray = mContext.obtainStyledAttributes(attrs, new int[]{
android.R.attr.layout_width,
android.R.attr.layout_height
});
width = (int) androidTypedArray.getDimension(0, 0f);
height = (int) androidTypedArray.getDimension(1, 0f);
androidTypedArray.recycle();
}
根据参数设置圆角等效果
/**
* 设置圆角等
*/
private void setShape() {
GradientDrawable gradientDrawable = new GradientDrawable();
//设置矩形
gradientDrawable.setShape(GradientDrawable.RECTANGLE);
//设置描边
gradientDrawable.setStroke(boderWidth, borderColor);
//设置弧度
gradientDrawable.setCornerRadius(radius);
//设置填充颜色
gradientDrawable.setColor(backColor);
setBackground(gradientDrawable);
}
设置默认文字居中
/**
* 初始化默认的全局属性
*/
private void init() {
//设置内部文字居中
setGravity(Gravity.CENTER);
}
为外界暴露方法，使控件可以通过java代码动态设置相关效果
/***
* 设置填充颜色
* @param backColor
*/
public void setBackColor(int backColor) {
this.backColor = backColor;
setShape();
}
/**
* 设置圆角
*
* @param radius
*/
public void setRadius(int radius) {
this.radius = radius;
setShape();
}
/**
* 设置边框宽度
*
* @param boderWidth
*/
public void setBoderWidth(int boderWidth) {
this.boderWidth = boderWidth;
setShape();
}
/**
* 设置边框颜色
*
* @param borderColor
*/
public void setBorderColor(int borderColor) {
this.borderColor = borderColor;
setShape();
}
完整代码
package com.dimanche.dmautils.widget;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.GradientDrawable;
import android.util.AttributeSet;
import android.view.Gravity;
import androidx.appcompat.widget.AppCompatTextView;
import com.dimanche.dmautils.R;
public class RoundTextView extends AppCompatTextView {
Context mContext;
//背景颜色
int backColor;
//控件高度
int height;
//控件宽度
int width;
//圆角大小
int radius;
//边框宽度
int boderWidth;
//边框颜色
int borderColor;
public RoundTextView(Context context) {
super(context);
mContext = context;
init();
setShape();
}
public RoundTextView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
init();
getTypeArr(attrs);
setShape();
}
public RoundTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mContext = context;
init();
getTypeArr(attrs);
setShape();
}
/***
* 设置填充颜色
* @param backColor
*/
public void setBackColor(int backColor) {
this.backColor = backColor;
setShape();
}
/**
* 设置圆角
*
* @param radius
*/
public void setRadius(int radius) {
this.radius = radius;
setShape();
}
/**
* 设置边框宽度
*
* @param boderWidth
*/
public void setBoderWidth(int boderWidth) {
this.boderWidth = boderWidth;
setShape();
}
/**
* 设置边框颜色
*
* @param borderColor
*/
public void setBorderColor(int borderColor) {
this.borderColor = borderColor;
setShape();
}
/**
* 初始化默认的全局属性
*/
private void init() {
//设置内部文字居中
setGravity(Gravity.CENTER);
}
/**
* 设置圆角等
*/
private void setShape() {
GradientDrawable gradientDrawable = new GradientDrawable();
//设置矩形
gradientDrawable.setShape(GradientDrawable.RECTANGLE);
//设置描边
gradientDrawable.setStroke(boderWidth, borderColor);
//设置弧度
gradientDrawable.setCornerRadius(radius);
//设置填充颜色
gradientDrawable.setColor(backColor);
setBackground(gradientDrawable);
}
/**
* 获取布局中xml定义的属性值
*/
@SuppressLint("ResourceType")
private void getTypeArr(AttributeSet attrs) {
TypedArray myTypedArray = mContext.obtainStyledAttributes(attrs, R.styleable.RoundTextView);
backColor = myTypedArray.getColor(R.styleable.RoundTextView_backColor, 0x00000000);
radius = (int) myTypedArray.getDimension(R.styleable.RoundTextView_radius, 0f);
boderWidth = (int) myTypedArray.getDimension(R.styleable.RoundTextView_border_width, 0f);
borderColor = myTypedArray.getColor(R.styleable.RoundTextView_border_color, 0x00000000);
myTypedArray.recycle();
TypedArray androidTypedArray = mContext.obtainStyledAttributes(attrs, new int[]{
android.R.attr.layout_width,
android.R.attr.layout_height
});
width = (int) androidTypedArray.getDimension(0, 0f);
height = (int) androidTypedArray.getDimension(1, 0f);
androidTypedArray.recycle();
}
}
如何使用
在xml布局中
main_activity.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<com.dimanche.dmautils.widget.RoundTextView
android:id="@+id/round_textview"
android:layout_width="200dp"
android:layout_height="200dp"
android:text="开心" />
</LinearLayout>
效果：
在这里插入图片描述
