Android开发之输入框EditText介绍

这篇文章主要为大家详细介绍了android布局之输入框edittext设计，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

现在先简单介绍一下技术点：
1.如何使用圆角输入框和按钮背景
2.如何实现“手机号”、“密码”后面的竖线
3.如何嵌套输入框的布局
4.如何监听输入框的输入事件及删除按钮的动态显示隐藏
1.如何使用圆角输入框和按钮背景
安卓为开发者准备了shape这个xml标签，用于自定义一些形状。
那么我就来定义一个白色的输入框背景。代码如下：

<!-- 形状 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle" >

 <solid android:color="#ffffff" />
 <!-- 边框 -->
 <stroke
  android:width="1dip"
  android:color="#ffffff" />
 <!-- 内填充颜色 -->
 <padding
  android:bottom="10dp"
  android:left="10dp"
  android:right="10dp"
  android:top="10dp" />
 <!-- 圆角 -->
 <corners android:radius="6dp" />
</shape>

将其设置成任何view的background就可以了
android:background="@drawable/shape_wihte_frame"

2.如何实现“手机号”、“密码”后面的竖线
这个其实很简单，只需书写一个竖线即可，宽度为1dp或者1px（或你认为更合适的数值）。

<view
    android:id="@+id/view1"
    android:layout_width="1dip"
    android:layout_height="fill_parent"
    android:layout_centervertical="true"
    android:layout_gravity="center_horizontal"
    android:layout_marginleft="2dp"
    android:layout_marginright="2dp"
    android:layout_torightof="@+id/textview1"
    android:background="#eeefff" />

3.如何嵌套输入框的布局
安卓给我们提供了多种布局，但是你用任何一种都没办法把界面设计好。必须嵌套，很多新手不敢去嵌套，大家一定要大胆的去嵌套去使用各种布局，一定会组合出炫酷的效果的。这里布局很简单仅仅是一层嵌套（整个页面布局嵌套输入框的布局）。

<relativelayout
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:layout_alignparenttop="true"
   android:layout_centerhorizontal="true"
   android:background="@drawable/shape_wihte_frame" >

   <textview
    android:id="@+id/textview1"
    android:layout_width="40dp"
    android:layout_height="wrap_content"
    android:layout_alignparentleft="true"
    android:layout_centervertical="true"
    android:lines="1"
    android:padding="1dp"
    android:text="手机号"
    android:textsize="11sp" />

   <view
    android:id="@+id/view1"
    android:layout_width="1dip"
    android:layout_height="fill_parent"
    android:layout_centervertical="true"
    android:layout_gravity="center_horizontal"
    android:layout_marginleft="2dp"
    android:layout_marginright="2dp"
    android:layout_torightof="@+id/textview1"
    android:background="#eeefff" />

   <edittext
    android:id="@+id/phonenumber"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:layout_centervertical="true"
    android:layout_marginleft="2dp"
    android:layout_torightof="@+id/view1"
    android:background="@drawable/transparent"
    android:ems="19"
    android:hint="请输入手机号"
    android:inputtype="phone"
    android:padding="1dp"
    android:textsize="12sp" >

    <requestfocus />
   </edittext>

   <imageview
    android:id="@+id/del_phonenumber"
    android:layout_width="20dp"
    android:layout_height="20dp"
    android:layout_alignparentright="true"
    android:layout_centervertical="true"
    android:layout_marginright="3dp"
    android:src="@drawable/text_del"
    android:visibility="invisible" />
  </relativelayout>

4.如何监听输入框的输入事件及删除按钮的动态显示隐藏
思想很简单，就是监听edittext的输入事件，之后如果输入长度大于0就显示后面的删除按钮，如果=0就隐藏删除按键，点击删除按钮就清空输入框。在这里我写出了一个工具类方便大家调用。高内聚低耦合是我们共同的追求。

public class edittextcleartools {
 public static void addclerlistener(final edittext e1, final imageview m1) {

  e1.addtextchangedlistener(new textwatcher() {

   @override
   public void ontextchanged(charsequence s, int start, int before,
     int count) {
    // todo auto-generated method stub

   }

   @override
   public void beforetextchanged(charsequence s, int start, int count,
     int after) {
    // todo 
     }

   @override
   public void aftertextchanged(editable s) {
    // todo auto-generated method stub
    // 监听如果输入串长度大于0那么就显示clear按钮。
    string s1 = s + "";
    if (s.length() > 0) {
     m1.setvisibility(view.visible);
    } else {
     m1.setvisibility(view.invisible);
    }

   }
  });

  m1.setonclicklistener(new onclicklistener() {

   @override
   public void onclick(view v) {
    // todo auto-generated method stub
    // 清空输入框
    e1.settext("");

   }
  });

 }

}

主程序代码

public class mainactivity extends activity {
 edittext e1, e2;
 imageview m1, m2;

 @override
 protected void oncreate(bundle savedinstancestate) {
  super.oncreate(savedinstancestate);
  requestwindowfeature(window.feature_no_title);
  setcontentview(r.layout.activity_user_login);
  init();
 }

 private void init() {
  // todo auto-generated method stub
  e1 = (edittext) findviewbyid(r.id.phonenumber);
  e2 = (edittext) findviewbyid(r.id.password);
  m1 = (imageview) findviewbyid(r.id.del_phonenumber);
findviewbyid(r.id.del_phonenumber);
  m2 = (imageview) findviewbyid(r.id.del_password);
  // 添加清楚监听器大气
  edittextcleartools.addclerlistener(e1, m1);
  edittextcleartools.addclerlistener(e2, m2);

 }
}

输入框的应用当下来说也十分广泛，在这里仅仅是简单介绍一下输入框控件，后面会陆续更新一些比较好的技术和个人见解，感谢大家支持！