自定义EditText

冷不防 2022-06-13 09:20 141阅读 0赞

这几天想要做一种类似于淘宝App的登录界面，看着淘宝上的EditText真是好看，它换了底线，换了光标。应该是继承EditText后重写的onDrow方法。那么它具体是怎么实现的呢？经过一段时间的摸索后终于实现了类似的效果。

首先我们看看如果更改光标样式  
这个主要是这么一个参数：

android:textCursorDrawable

给它配一个shape文件就可以了。关于shape我这里有一篇博客[关于shap][shap] 可供学习。  
这是我写的一个shape文件示例：

然后我们来看看如何更改EditText的底部线  
这个就需要继承EditText了，我们先写一个类继承它：

public class MyEditText extends android.support.v7.widget.AppCompatEditText {
    public MyEditText(Context context) {
        super(context);
    }
    
    public MyEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    
    public MyEditText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    }

这里我们需要写三个构造方法。  
然后我们需要定义两个画笔：Paint

private Paint mPaint;
    private Paint wPaint;

mPaint用来画一个大矩形  
wPaint用来画一个小矩形  
这样他两个重叠在一起通过控制就会在底部出来一条线。这样我们就完成了目标。  
我们先将画笔初始化：

private void init(){
        Resources resources=getResources();
        paperColor=resources.getColor(R.color.colorPrimary);
        mPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(paperColor);
        mPaint.setStyle(Paint.Style.FILL);
        wPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
        wPaint.setColor(resources.getColor(R.color.color_white));
        wPaint.setStyle(Paint.Style.FILL);
    }

这样，画笔就被初始化了。  
然后，我们重写onDrow方法：

@Override
    protected void onDraw(Canvas canvas) {
        canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),mPaint);
        canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight()-2,wPaint);
        canvas.save();
        super.onDraw(canvas);
        canvas.restore();
    }

整体代码就是：

public class MyEditText extends android.support.v7.widget.AppCompatEditText {
    private Paint mPaint;
    private Paint wPaint;
    private int paperColor;
    public MyEditText(Context context) {
        super(context);
        init();
    }
    
    public MyEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    
    public MyEditText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
    private void init(){
        Resources resources=getResources();
        paperColor=resources.getColor(R.color.colorPrimary);
        mPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(paperColor);
        mPaint.setStyle(Paint.Style.FILL);
        wPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
        wPaint.setColor(resources.getColor(R.color.color_white));
        wPaint.setStyle(Paint.Style.FILL);
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),mPaint);
        canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight()-2,wPaint);
        canvas.save();
        super.onDraw(canvas);
        canvas.restore();
    }

[shap]: http://blog.csdn.net/key_mql/article/details/71883688