当我们自定义EditText时,怎么让它同样有选中和未选中两种状态?我们用EditText底部变颜色的线来说明这个例子。共分三步。
第一步:在drawable文件夹下建立line_et_normal.xml和line_et_focus.xml两个资源文件,代码如下:
line_et_normal.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="@android:color/transparent" />
</shape>
</item>
<item
android:left="-2dip"
android:right="-2dip"
android:top="-2dip">
<shape>
<solid android:color="@android:color/transparent" />
<stroke
android:width="1dip"
android:color="@color/gray_b4"
android:dashGap="0dp"
android:dashWidth="0dip" />
</shape>
</item>
</layer-list>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="@android:color/transparent" />
</shape>
</item>
<item
android:left="-2dip"
android:right="-2dip"
android:top="-2dip">
<shape>
<solid android:color="@android:color/transparent" />
<stroke
android:width="1dip"
android:color="@color/blue"
android:dashGap="0dp"
android:dashWidth="0dip" />
</shape>
</item>
</layer-list>
第二步:建立EditText背景文件line_et_bg.xml,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_focused="true" android:drawable="@drawable/line_et_focuse"/>
<item android:drawable="@drawable/line_et_normal"/>
</selector>
<EditText
android:id="@+id/login_account"
style="@style/login_et"
android:background="@drawable/line_et_bg"
android:layout_toRightOf="@+id/login_accounttv"
android:hint="请输入帐号"/>
现在就可以在EditText获得焦点时,底部的线变成蓝色,失去焦点时变成灰色。