圆角+边框 EditText

最新推荐文章于 2021-05-27 03:38:22 发布

原创最新推荐文章于 2021-05-27 03:38:22 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发

Android 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何通过自定义XML文件实现带有圆角效果的EditText组件，并根据不同状态改变其样式。

在Drawable中建立xml文件：

rounded_edittext.xml

<?xml version="1.0" encoding="utf-8"?>   
<shape xmlns:android="http://schemas.android.com/apk/re/android"   
    android:shape="rectangle"   
    android:padding="8dip">
    <!-- 底色 -->
    <solid android:color="#FFFFFF"/>  
    <!-- 圆角的角度 -->
    <corners android:bottomRightRadius="3dip"   
        android:bottomLeftRadius="3dip"   
        android:topLeftRadius="3dip"   
        android:topRightRadius="3dip"/>   
</shape>

rounded_edittext_focused.xml

<?xml version="1.0" encoding="utf-8"?>   
<shape xmlns:android="http://schemas.android.com/apk/res/android"   
    android:shape="rectangle"   
    android:padding="8dip">   
    <solid android:color="#FFFFFF"/>   
    <!-- 边框色 -->
    <stroke android:width="2dip" android:color="@color/edittext_focused_stroke_color" />   
    <corners   
        android:bottomRightRadius="3dip"   
        android:bottomLeftRadius="3dip"   
        android:topLeftRadius="3dip"   
        android:topRightRadius="3dip"/>   
</shape>

rounded_edittext_states.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:state_pressed="true" 
	    android:state_enabled="true"
		android:drawable="@drawable/rounded_edittext_focused" />
	<item android:state_focused="true" 
	    android:state_enabled="true"
		android:drawable="@drawable/rounded_edittext_focused" />
	<item android:state_enabled="true" 
	    android:drawable="@drawable/rounded_edittext" />
</selector>

在实际应用中，在EditText指定BackgroundDrawable就可以了。