您的位置:首页 > 移动开发 > Android开发

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

2013-08-29 13:40 344 查看
在外面做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\“目录中。这样就可以实现圆角了。

以上就是圆角输入框的实现方式,大家可以尝试一下,欢迎留言和探讨。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: