Android 设置EditText的底边框

如图:


想要给EditText设置一个底边框,总共有三步:

步骤一

/res/drawable文件夹下创建一个布局样式:

<!-- 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/white"
                android:dashGap="0dp"
                android:dashWidth="0dip" />
        </shape>
    </item>
</layer-list>

步骤二

/res/drawable文件夹下创建用于给EditText设置背景的xml文件:

<!-- et_bg.xml -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/line_et_normal" android:state_focused="true" />
    <item android:drawable="@drawable/line_et_normal" android:state_focused="false" />
</selector>

其中,android:state_focused="true"是设置获得焦点时的样式,android:state_focused="false"是设置失去焦点时的样式。

步骤三

最后,给EditTextbackground属性设置成步骤二中所创建的文件样式即可

<EditText
    android:id="@+id/login_login"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/et_bg" />
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容