android 圆角输入框的设计和使用

来源:互联网 发布:unity3d 联机 编辑:程序博客网 时间:2024/05/19 08:26


在外面做Android开发和UI设计的过程中,经常会用到圆角输入框,但是Android系统中没有定义圆角输入框,那么我们就要自己定义和设计,至于如何设计,那就跟我一步步的走完这个流程吧!

首先上效果图:

首先贴上xml代码:

<RelativeLayout            android:layout_width="fill_parent"            android:layout_height="wrap_content"            android:gravity="center_vertical"            android:clickable="true"            android:background="@drawable/preference_single_item" ><EditText    android:id="@+id/step"     android:layout_width="fill_parent"    android:layout_height="wrap_content"    android:padding="8dp"    android:background="@null"    android:hint="这个就是圆角输入框"    android:lines="5"    android:textSize="17sp"    android:textColor="#000"/>                  </RelativeLayout>


在这里主要就是用到了一个背景图片

background="@drawable/preference_single_item"


在这里,下面我要把这个文件的代码贴上来,具体如下:

<?xml version="1.0" encoding="UTF-8"?><selector  xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_enabled="true" android:state_selected="true" android:drawable="@drawable/ic_preference_single_pressed" />    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/ic_preference_single_pressed" />    <item android:drawable="@drawable/ic_preference_single_normal" /></selector>


在这里有个item标签,上面的是表示选中时的图片背景,下面的是按下时的图片背景。

这个背景图片,大家一定要记住,要用.9.png的格式,因为这种格式是一种可拉伸的格式,在本例中,可以进行横向拉伸和纵向拉伸,下面我把这两个图片给贴上来。



这两个文件放到“根目录\res\drawable-hpi\“目录中。这样就可以实现圆角了。

以上就是圆角输入框的实现方式,大家可以尝试一下,欢迎留言和探讨。

原创粉丝点击