Android自定义view实现TextView方形输入框
在Android开发中，自定义View是非常常见的操作。TextView是我们平时开发中很常用的一个控件，但是在有些场景下，我们需要自定义一个方形输入框来实现我们的需求。本文将介绍如何利用自定义View实现一个TextView方形输入框。
实现思路
- 继承EditText实现一个自定义的方形输入框；
- 实现onMeasure方法和onDraw方法，计算布局和绘制边框等样式。
首先，我们新建一个类SquareEditText，它继承自EditText。
public class SquareEditText extends EditText {
private Paint mPaint;
public SquareEditText(Context context) {
super(context);
init();
}
public SquareEditText(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public SquareEditText(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
private void init() {
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(Color.BLACK);
mPaint.setStrokeWidth(2);
setPadding(10, 10, 10, 10);
}
}
这里我们初始化了一个画笔，并将EditText的padding设置为10，这样会使输入框与文字之间有一定的空隙。
然后，我们要重写onMeasure方法和onDraw方法，实现我们自定义输入框的布局和样式。
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int width = getMeasuredWidth();
setMeasuredDimension(width, width);
}
这里我们重写了onMeasure方法，将宽度和高度都设置为我们EditText的宽度，这样就能够实现我们的方形输入框了。
接下来，我们重写onDraw方法，实现边框的绘制。
@Override
protected void onDraw(Canvas canvas) {
mPaint.setStyle(Paint.Style.STROKE);
canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);
super.onDraw(canvas);
}
这里我们首先将画笔的样式设置为线条模式，然后绘制一个矩形，其起点为(0,0)，终点为(getWidth(),getHeight())，这样就能够绘制出我们的方形输入框了。
完整代码实现
public class SquareEditText extends EditText {
private Paint mPaint;
public SquareEditText(Context context) {
super(context);
init();
}
public SquareEditText(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public SquareEditText(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
private void init() {
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(Color.BLACK);
mPaint.setStrokeWidth(2);
setPadding(10, 10, 10, 10);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int width = getMeasuredWidth();
setMeasuredDimension(width, width);
}
@Override
protected void onDraw(Canvas canvas) {
mPaint.setStyle(Paint.Style.STROKE);
canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);
super.onDraw(canvas);
}
}
使用方法
使用SquareEditText和使用普通的EditText差不多，直接在xml布局文件中声明即可。
<com.example.SquareEditText
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inputType="text"/>
效果图如下：
可以看到，我们实现了一个简单的方形输入框。当然，我们还可以继续添加更多的样式效果和属性来完善我们的方形输入框。