Android EditText(输入框) 与 TextView 类似，不过 EditText 还可以用于收集用户的输入

最基本的 EditView

可以使用下面的 XML 语法创建一个最基本的 EditText

<EditText
    android:id="@+id/email" 
    android:layout_width="match_parent" 
    android:layout_height="44dp" />

我们创建一个 demo 来看看最基本的 EidtView 长啥样

1. 创建一个 空的 Android 项目 cn.twle.android.EditText

2. 修改 activity_main.xml 添加一个 <EditText>

   <?xml version="1.0" encoding="utf-8" ?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical" >
   
       <EditText
           android:id="@+id/login"
           android:layout_width="match_parent"
           android:layout_height="44dp" />
   
   </LinearLayout>
   

运行 demo 效果如下

设置默认提示文本

相信你在很多地方都看到输入框的提示文本 ( hint )

提示文本(hint) 会在用户没输入任何字符的时候提示用户该输入什么，但用户输入一个或多个字符后就会消失

EditText 设置提示文本会用到两个属性

我们写一个 demo 来演示下 EditText 的提示文本吧

1. 复用上面创建的 demo

2. 修改 res/values/colors.xml 添加几个颜色

   <?xml version="1.0" encoding="utf-8" ?>
   <resources>
       <color name="colorPrimary">#3F51B5</color>
       <color name="colorPrimaryDark">#303f9f</color>
       <color name="colorAccent">#FF4081</color>
       <color name="c9f44d3">#9f44d3</color>
   </resources>
   

3. 修改 res/values/strings.xml 添加几个字符串

   <?xml version="1.0" encoding="utf-8" ?>
   <resources>
       <string name="app_name">EditText</string>
   
       <string name="username_hint">请输入用户名</string>
   </resources>
   

4. 修改 activity_main.xml 添加两个 EditText ，一个提示文本使用默认的颜色，另一个使用颜色 #9F44D3

   <?xml version="1.0" encoding="utf-8" ?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical" >
   
       <EditText
           android:id="@+id/username"
           android:hint="@string/username_hint"
           android:layout_width="match_parent"
           android:layout_height="44dp" />
   
       <EditText
           android:id="@+id/email"
           android:hint="@string/username_hint" 
           android:textColorHint="@color/c9f44d3"
           android:layout_width="match_parent"
           android:layout_height="44dp" />
   
   </LinearLayout>
   

运行范例效果如下

参考文档

1. Android 官方文档 EditView