在做App开发时,发现很多输入框都会放图标进去,或者图标加说明类的文字。
自己查到解决方法后,记录一下这个好办法。
实现效果:
代码:
主要部分就是ImageView 标签先使用src引入图片,然后通过layout_alignStart 、...Top、...End、...Bottom 这几个属性实现
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">
<EditText
android:id="@+id/et_username"
android:layout_width="220dp"
android:layout_height="35dp"
android:layout_marginTop="30dp"
android:paddingStart="50dp"
android:paddingEnd="10dp"
android:background="@drawable/shape_edittext"
android:inputType="number"
android:maxLength="11"
android:textColor="@color/black" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignStart="@+id/et_username"
android:layout_alignTop="@+id/et_username"
android:layout_alignEnd="@+id/et_username"
android:layout_alignBottom="@+id/et_username"
android:padding="10dp"
android:paddingStart="15dp"
android:paddingEnd="10dp"
android:scaleType="fitStart"
android:src="@drawable/account_logo" />
</RelativeLayout>
示例二:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">
<EditText
android:id="@+id/et_map_search"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_marginTop="40dp"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:paddingStart="50dp"
android:paddingEnd="10dp"
android:background="@drawable/shape_search_map"
android:inputType="text"
android:hint="查找"
android:textColorHint="#666666"
android:textColor="@color/black"
android:textSize="16sp"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignStart="@+id/et_map_search"
android:layout_alignTop="@+id/et_map_search"
android:layout_alignEnd="@+id/et_map_search"
android:layout_alignBottom="@+id/et_map_search"
android:padding="10dp"
android:paddingStart="15dp"
android:paddingEnd="10dp"
android:scaleType="fitStart"
android:src="@drawable/icon_map_search_2" />
</RelativeLayout>
楼主最近在学Android知识,有更好的实现方法或者可以优化的办法欢迎随时交流~