android 圆角颜色背景,android自定义控件之可自定义背景颜色的圆角textview
8种机械键盘轴体对比
本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？
2016-07-12
前言
最近在做一个需求，就是实现一个可以自定义背景颜色，并且是圆角的TextView，如下图：
这个自定义控件实现起来非常简单，简要说一下思路吧：最好继承TextView，这样就能继承TextView已有的功能
实现圆角TextView最简单的方法就是写一个包含圆角的Shape然后设置成TextView的背景
自定义TextView的背景颜色，就是要在修改这个Shape的背景颜色而不是修改TextView的背景颜色
第1点和第2点都比较常规，第3点如果对Drawable不太了解的话，不查资料是很难知道怎么解决的，下面来说说如何实现吧。
1 新建圆角背景
在res/drawable下新建一个xml，姑且取名为background_text_view_with_corners.xml，xml的内容如下：<?xml version="1.0" encoding="utf-8"?>
这个color的值只是一个默认样式的值，所以设置一个任意的就好。
2 新建自定义TextView
新建一个Java类继承TextView，干脆叫TextViewWithCorners，实现如下：public class TextViewWithCorners extends TextView {
public TextViewWithCorners(Context context) {
super(context);
init();
}
public TextViewWithCorners(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public TextViewWithCorners(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
setBackgroundResource(R.drawable.background_text_view_with_corners);
}
}
可见，只是在初始化的时候，将背景设置成了刚才创建的圆角背景。那么，如果改变这个圆角背景的颜色呢？
3 实现自定义圆角背景的颜色
这里要用到的是GradientDrawable这个类，详细的资料可以自行搜索，我们将TextViewWithCorners的setBackgroundColor(int color)方法重写，完整代码如下：public class TextViewWithCorners extends TextView {
protected GradientDrawable mGradientDrawable;
public TextViewWithCorners(Context context) {
super(context);
init();
}
public TextViewWithCorners(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public TextViewWithCorners(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
setBackgroundResource(R.drawable.background_text_view_with_corners);
}
@Override
public void setBackgroundColor(int color) {
mGradientDrawable.setColor(color);
}
}
这样，这个可以自定义背景颜色并且是圆角的TextView就算完成了。
4 实际使用
在实际使用中也很简单，首先看看布局文件：
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="4dp"
android:paddingRight="4dp"
android:textColor="@android:color/white"
android:text="可自定义背景颜色的圆角TextView"/>
可见，和TextView的用法没什么差别，为了显示效果，需要给首尾添加一个Padding，然后将textColor设置成和背景色有一定反差的颜色。
然后看看在代码中如何设置背景颜色：TextViewWithCorners textViewWithCorners = (TextViewWithCorners) findViewById(R.id.tv);
textViewWithCorners.setBackgroundColor(Color.parseColor("#5EDD9E"));
这样，就能实现文章开头中图片的效果了。 除非另有声明，本博客所有文章采用的授权方式为 自由转载-非商用-非衍生-保持署名 ，转载请务必注明出处，谢谢。