EditText状态变化——选中和未先中（底部变颜色的线）

当我们自定义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>

line_et_focus.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/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获得焦点时，底部的线变成蓝色，失去焦点时变成灰色。

EditText状态变化——选中和未先中（底部变颜色的线）

猜你喜欢