上篇导航:自定义View三大流程理论篇
自定义View实现TextView
TextView是我们常用的View之一,下面我们来自定义一个TextView,实现基本的TextView功能。以下不涉及基本的理论概念,概念篇参见上一篇文章。
准备工作
这里我们初始化了一些要用到的数据,其中有字体的颜色和大小以及文字内容的画笔。
public class MyTextView extends View {
private float textSize;//文字大小
private String text = "Hello!";//文字内容
private int textColor;//字体颜色
private Paint textPaint;//字体画笔
private int gravity = Gravity.RIGHT;//文字显示位置
public MyTextView(Context context) {
super(context);
init();
}
public MyTextView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
this.textSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 15, getContext().getResources().getDisplayMetrics());//初始化文字大小
this.textColor = Color.BLACK;
this.textPaint = new Paint();
this.textPaint.setColor(this.textColor);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
}
重写onMeasure
这里我们一步步来看下面的代码:
首先是通过MeasureSpec获取特定的尺寸信息。
第二步就是要计算出内容所占的大小,也就是文本所占的大小,因为我们的模式可能是AT_MOST和UNSPECIFIED。
第三步是要根据模式来确定当前View的尺寸,我们在上一篇的内容了解到了AT_MOST对应的是wrap_content
所以我们就将尺寸改为内容的尺寸,UNSPECIFIED是在当前View作为ScrollView子控件时的模式,我们也要设置当前View为内容所占的尺寸。
第四部也是最后一步,就是设置当前View的尺寸。
/**
* 获取Text占用的大小
* @return
*/
private Rect measureTextSize() {
Paint paint = new Paint();
Rect textSize = new Rect();
paint.setTextSize(this.textSize);//注意别忘了设置文字的大小
paint.getTextBounds(this.text, 0, this.text.length(), textSize);
return textSize;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//【1】获取尺寸和模式
int wMode = MeasureSpec.getMode(widthMeasureSpec);
int w = MeasureSpec.getSize(widthMeasureSpec);
int hMode = MeasureSpec.getMode(heightMeasureSpec);
int h = MeasureSpec.getSize(heightMeasureSpec);
//【2】计算内容尺寸(这里的内容指的是文字的大小)
int contentWidth = 0;
int contentHeight = 0;
if (text != null && text.length() > 0) {
//测量并计算Text的大小
Rect textSize = measureTextSize();
contentWidth = textSize.width();
contentHeight = textSize