自定义控件让EditText的drawableLeft与文本一起居中显示

如上图  项目中要求的显示效果是serch图片和EditText的文本一起在中间位置。

尝试设置了很多EditText均不能实现满意的效果,其中:

android:drawableLeft=""
android:drawableRight=""
设置的位置均在两边,不能满足需求。
在此推荐一个方法,用自定义的EditText,如下:
public class MyEditText extends EditText {


    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);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public MyEditText(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Drawable[] drawables = getCompoundDrawables();
        if (drawables != null) {
            Drawable drawableLeft = drawables[0];
            if (drawableLeft != null) {
                float textWidth = getPaint().measureText(getText().toString());
                int drawablePadding = getCompoundDrawablePadding();
                int drawableWidth = 0;
                drawableWidth = drawableLeft.getIntrinsicWidth();
                float bodyWidth = textWidth + drawableWidth + drawablePadding;
                canvas.translate((getWidth() - bodyWidth) / 5, 0);
            }
        }
        super.onDraw(canvas);
    }
代码中黄色部分中的数字“5”,可控制图片的位置,此时再设置
drawableLeft
即可达到如图效果。
另外TextView也可以用此方法实现类似效果


你可能感兴趣的:(自定义控件让EditText的drawableLeft与文本一起居中显示)