EditText左侧固定文字

最新推荐文章于 2022-07-26 10:42:01 发布

麦兜呀

最新推荐文章于 2022-07-26 10:42:01 发布

阅读量3.1k

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_42955378/article/details/103627197

本文介绍了一种自定义Android EditText控件的方法，通过在EditText上显示前置文本，增强用户体验。文章详细展示了如何使用Canvas和Paint来自定义绘制文本，并提供了具体的实现代码及XML布局示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义一个EditText

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.EditText;


public class EditTextWithText extends EditText {
    private String leadText = null;
    public EditTextWithText(Context context) {
        super(context);
    }

    public EditTextWithText(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public EditTextWithText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        Paint paint = new Paint();
        paint.setTextSize(56);//自定义字大小
        paint.setColor(Color.GRAY);//自定义字颜色
        canvas.drawText("  "+getLeadText(),2,getHeight()/2+20,paint);
        int paddingLeft = (int) paint.measureText(getLeadText());
        //设置距离光标距离左侧的距离
        setPadding(paddingLeft, getPaddingTop(), getPaddingRight(), getPaddingBottom());
        super.onDraw(canvas);
    }
    public void setLeadText(String s){
        leadText = s;
    }
    private String getLeadText(){
        return leadText;
    }
}

用法：

//在.xml处
<com.example.gaodemap.login.Utils.EditTextWithText
            android:id="@+id/resource"
            android:layout_width="310dp"
            android:layout_height="match_parent"
            android:paddingTop="8dp"
            android:hint="请输入目的地" />

EditTextWithText resource = findViewById(R.id.resource);
resource.setLeadText("目的地：");

效果：
在这里插入图片描述
ps.这种方法下，TalkBack并不会提示"目的地"，只会提示“请输入目的地”，目前我的解决办法是在.xml中的EditTextWithText控件外层再包一层LinearLayout或者其他，如下：

<LinearLayout
        android:id="@+id/route_info"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="58dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:background="@drawable/title_background"
        android:labelFor="@+id/resource"
        android:contentDescription="目的地">
        <com.example.gaodemap.login.Utils.EditTextWithText
            android:id="@+id/resource"
            android:layout_width="310dp"
            android:layout_height="match_parent"
            android:paddingTop="8dp"
            android:hint="请输入目的地" />
    </LinearLayout>

重点在于：

 android:labelFor="@+id/resource"
 android:contentDescription="目的地"

这样TalkBack就会播报“目的地对应的编辑框”