EditText左侧固定图⽚
EditText左侧固定图⽚,常见于注册登录界⾯的ui设计
1. 可使⽤ EditText的drawableLeft,drawablePadding 标签,但此种⽅法设置的图⽚⽆法调整⼤⼩
2. 使⽤RelativeLayout嵌⼊ImageView和EditText标签的⽅法
原理为使ImageView和EditText处于RelativeLayout中,并使它们上下左对齐,然后设置EditText左内边距paddingLeft为⼀个较⼤值,通过padding标签改变ImageView⼤⼩。
代码⽰例:
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:paddingTop="40dp" >
<EditText
android:id="@+id/username"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:background="@drawable/rounded_edittext"
android:hint="@string/username_hint"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:paddingRight="10dp"
android:paddingEnd="10dp"
android:paddingLeft="60dp"
android:paddingStart="60dp"
/>
<ImageView
android:id="@+id/username_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="12dp"
android:layout_alignBottom="@id/username"
android:layout_alignLeft="@id/username"
android:layout_alignStart="@id/username"
android:layout_alignTop="@id/username"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/username_image_description"
android:src="@drawable/denglu_03" />
</RelativeLayout>
核⼼为红⾊部分,通过设置这⼏个标签,使得EditText和ImageView上下左对齐。然后设置EditText 的paddingLeft标签为⼀合理距离值,使ImageView和EditText的输⼊内容保持⼀定距离。 ImageView的padding标签作⽤是改变图⽚的⼤⼩。
完整⽰例代码:
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="schemas.android/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/login_background"
android layout布局android:orientation="vertical" >
<TextView
android:id="@+id/login_title"
android:layout_width="wrap_content"
android:layout_gravity="center_horizontal"
android:paddingTop="30dp"
android:text="@string/login_title"
android:textColor="#FFFFFF"
android:textSize="20sp"
android:typeface="normal" />
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:paddingTop="40dp" >
<EditText
android:id="@+id/username"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:background="@drawable/rounded_edittext"
android:hint="@string/username_hint"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:paddingRight="10dp"
android:paddingEnd="10dp"
android:paddingLeft="60dp"
android:paddingStart="60dp"
/>
<ImageView
android:id="@+id/username_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="12dp"
android:layout_alignBottom="@id/username"
android:layout_alignLeft="@id/username"
android:layout_alignStart="@id/username"
android:layout_alignTop="@id/username"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/username_image_description" android:src="@drawable/denglu_03" />
</RelativeLayout>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:paddingTop="10dp" >
<EditText
android:id="@+id/password"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:background="@drawable/rounded_edittext"
android:hint="@string/password_hint"
android:inputType="textPassword"
android:paddingBottom="10dp"
android:paddingEnd="10dp"
android:paddingLeft="60dp"
android:paddingRight="10dp"
android:paddingStart="60dp"
android:paddingTop="10dp" />
<ImageView
android:id="@+id/password_image"
android:padding="12dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/password"
android:layout_alignStart="@id/password"
android:layout_alignTop="@id/password"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/password_image_description"
android:src="@drawable/denglu_06" />
</RelativeLayout>
</LinearLayout>
android:background="@drawable/rounded_edittext"引⽤为⼀设置EditText为圆⾓矩形的xml⽂件⽂件内容:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="schemas.android/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="#E6E6FA"></solid>
<corners android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"
android:topLeftRadius="5dp"
android:topRightRadius="5dp"/>
</shape>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。