在我们实际开发中,经常会用到把EditText去掉背景的输入框,然后加入下划线,就像写信的信纸一样,。我们首先会想到设置控件的属性,但是发现EditText根本就没有加入下划线这个设置,所以我们得来修改一下EditText,来完成我们的需求。
我们既然要改写EditText,首先继承EditText,代码如下:
1 public class LineEditText extends EditText { 2 // 画笔 用来画下划线 3 private Paint paint; 4 5 public LineEditText(Context context, AttributeSet attrs) { 6 super(context, attrs); 7 paint = new Paint(); 8 paint.setStyle(Paint.Style.STROKE); 9 paint.setColor(Color.RED); 10 // 开启抗锯齿 较耗内存 11 paint.setAntiAlias(true); 12 } 13 14 @Override 15 protected void onDraw(Canvas canvas) { 16 super.onDraw(canvas); 17 // 得到总行数 18 int lineCount = getLineCount(); 19 // 得到每行的高度 20 int lineHeight = getLineHeight(); 21 // 根据行数循环画线 22 for (int i = 0; i < lineCount; i++) { 23 int lineY = (i + 1) * lineHeight; 24 canvas.drawLine(0, lineY, this.getWidth(), lineY, paint); 25 } 26 27 } 28 29 }
其中红色为核心代码,getLineHeight()方法得到的行高度与我们设置的字体大小有关系,其中canvas.drawLine是画直线的代码,参数分别为:开始x坐标,开始y坐标,结束x坐标,结束y坐标,Paint类的对象。 this.getWidth()是父类View的方法获得控件的宽度。
我们现在准备好自定义的EditText,就开始使用,把自定义控件注册到main.xml中去,如下所示:
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="fill_parent" 4 android:layout_height="fill_parent" 5 android:background="@android:color/white" 6 android:orientation="vertical" > 7 8 <com.view.demo.view.LineEditText 9 android:layout_width="fill_parent" 10 android:layout_height="wrap_content" 11 android:background="@null" 12 android:textColor="@android:color/black" 13 android:textSize="10pt" > 14 </com.view.demo.view.LineEditText> 15 16 </LinearLayout>
其中<com.view.demo.view.LineEditText/> 标签的名称就是这个自定义类的包名+类名 ,android:background="@null"的作用就是去掉EditText的输入框,好的完成以上步骤,我们就可以在Activity中使用这个自定义控件了,在Activity中引入这个main.xml。运行效果如下: