Android EditText 输入框

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 设置提示文本会用到两个属性

属性 说明
android:hint 提示文本的内容,比如 "密码"
android:textColorHint 提示文本的颜色

我们写一个 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

Android 基础教程

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.