如何在圆角矩形EditText内部添加ImageView？

我来给你几个实用的方案，完美解决你遇到的问题～

方案一：用AppCompatEditText的drawableTint（最简单高效） #

你之前用android:drawableLeft时tint不生效，是因为原生EditText的drawableLeft不支持直接用tint，换成AppCompatEditText就能解决，它还能适配更低版本的系统：

<androidx.appcompat.widget.AppCompatEditText
    android:id="@+id/editTextDate"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/rounded_rectangle"
    android:hint="Date"
    android:padding="10dp"
    android:drawableStart="@android:drawable/ic_menu_my_calendar" <!-- 用drawableStart适配RTL布局 -->
    android:drawableTint="@color/colorPrimaryDark" <!-- 这里就能直接给图标上色了 -->
    android:drawablePadding="10dp"/> <!-- 调整图标和文字的间距 -->

这个方案最省心，不需要额外的布局嵌套，图标和EditText是一个整体，完全符合你的圆角背景需求。

方案二：用ConstraintLayout优化独立ImageView布局（需要图标交互时用） #

如果你的图标需要单独设置点击事件，那还是保留独立的ImageView更方便，用ConstraintLayout替代原来的RelativeLayout，能让图标完美嵌入EditText的圆角背景内：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp">

    <EditText
        android:id="@+id/editTextDate"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/rounded_rectangle"
        android:hint="Date"
        android:paddingLeft="50dp" <!-- 给左边图标预留空间 -->
        android:paddingTop="10dp"
        android:paddingRight="10dp"
        android:paddingBottom="10dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <ImageView
        android:id="@+id/dateIcon"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@android:drawable/ic_menu_my_calendar"
        android:tint="@color/colorPrimaryDark"
        android:padding="3dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/editTextDate"
        app:layout_constraintBottom_toBottomOf="@id/editTextDate"
        android:layout_marginStart="10dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>

这里通过给EditText设置左内边距，让文字不会被图标遮挡，同时用ConstraintLayout让图标垂直居中在EditText内部，视觉上就像嵌入在圆角框里一样，而且tint能正常生效。

方案三：自定义LayerDrawable（灵活定制样式） #

如果需要更复杂的图标位置或样式，可以用LayerDrawable把背景和图标组合成一个Drawable：

首先在drawable文件夹创建edit_text_with_icon.xml：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 底层的圆角背景 -->
    <item android:drawable="@drawable/rounded_rectangle"/>
    <!-- 上层的图标，设置位置和tint -->
    <item
        android:drawable="@android:drawable/ic_menu_my_calendar"
        android:left="10dp"
        android:top="10dp"
        android:bottom="10dp">
        <bitmap android:tint="@color/colorPrimaryDark"/>
    </item>
</layer-list>

然后给EditText使用这个组合背景：

<EditText
    android:id="@+id/editTextDate"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/edit_text_with_icon"
    android:hint="Date"
    android:paddingLeft="50dp" <!-- 同样要给文字留空间 -->
    android:paddingTop="10dp"
    android:paddingRight="10dp"
    android:paddingBottom="10dp"/>

总结 #

• 只是需要静态图标：优先选方案一，代码简洁，适配性好
• 需要图标有点击等交互：选方案二，独立控件更灵活
• 要定制复杂样式：用方案三

内容的提问来源于stack exchange，提问作者John Joe