关闭

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

3855人阅读 评论(0) 收藏 举报
分类:

    当我们自定义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获得焦点时,底部的线变成蓝色,失去焦点时变成灰色。


1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:300059次
    • 积分:2009
    • 等级:
    • 排名:第19265名
    • 原创:55篇
    • 转载:9篇
    • 译文:0篇
    • 评论:35条
    最新评论