android 圆角编辑框

最新推荐文章于 2022-12-11 10:32:55 发布

最新推荐文章于 2022-12-11 10:32:55 发布 · 316 阅读

文章标签：

本文介绍了一种在Android应用中实现圆角编辑框的方法。通过定义特定的XML布局文件和绘制不同状态下的圆角背景，可以创建出美观且响应式的用户输入界面。文中提供了完整的代码示例，包括主布局文件main.xml以及用于设置圆角效果的rounded_edittext_states.xml等。

main.xml:

 
   view plain 
  
 <?xmlversion="1.0"encoding="utf-8"?> 
 <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
 android:orientation="vertical" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 > 
 <TextView 
 android:layout_width="fill_parent" 
 android:layout_height="wrap_content" 
 android:gravity="center_horizontal" 
 android:text="圆角编辑框" 
 /> 
 <LinearLayout 
 android:layout_width="fill_parent" 
 android:layout_height="wrap_content" 
 android:gravity="center_horizontal" 
 android:orientation="horizontal"> 
  
 <EditText 
 android:layout_width="220px" 
 android:layout_height="wrap_content" 
 android:padding="5px" 
 android:background="@drawable/rounded_edittext_states" 
 android:drawableLeft="@drawable/search" 
 android:singleLine="true" 
 android:lines="1" 
 /> 
  
 <Button 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:background="@drawable/button_search_bg" 
 /> 
 </LinearLayout> 
 </LinearLayout> 

rounded_edittext_states.xml :

 
   view plain 
  
 <?xmlversion="1.0"encoding="utf-8"?> 
 <!--res/drawable-hdpi/rounded_edittext_states.xml--> 
 <selectorxmlns:android="http://schemas.android.com/apk/res/android"> 
 <item 
 android:state_pressed="true" 
 android:state_enabled="true" 
 android:drawable="@drawable/rounded_focused"/> 
 <item 
 android:state_focused="true" 
 android:state_enabled="true" 
 android:drawable="@drawable/rounded_focused"/> 
 <item 
 android:state_enabled="true" 
 android:drawable="@drawable/rounded_edittext"/> 
 </selector> 

rounded_edittext.xml :

 
   view plain 
  
 <?xmlversion="1.0"encoding="utf-8"?> 
 <!--res/drawable/rounded_edittext.xml--> 
 <shapexmlns:android="http://schemas.android.com/apk/res/android" 
 android:shape="rectangle" 
 android:padding="8dip"> 
 <solidandroid:color="#FFFFFF"/> 
 <corners 
 android:bottomRightRadius="10dip" 
 android:bottomLeftRadius="10dip" 
 android:topLeftRadius="10dip" 
 android:topRightRadius="10dip"/> 
 </shape> 

rounded_edittext_focused.xml :

 
   view plain 
  
 <?xmlversion="1.0"encoding="utf-8"?> 
 <!--res/drawable/rounded_edittext_focused.xml--> 
 <shapexmlns:android="http://schemas.android.com/apk/res/android" 
 android:shape="rectangle" 
 android:padding="8dip"> 
 <solidandroid:color="#FFFFFF"/> 
 <strokeandroid:width="2dip"android:color="#999"/> 
 <corners 
 android:bottomRightRadius="10dip" 
 android:bottomLeftRadius="10dip" 
 android:topLeftRadius="10dip" 
 android:topRightRadius="10dip"/> 
 </shape> 