文本输入编辑框 EditText

简介: 编辑框 EditText 用来接收软件键盘输入的文字,例如用户名、密码、评价内容等,它是由文本视图派生而来的,除了TextView 已有的各种属性和方法,EditText还支持下列XML属性

一、EditText简单介绍

编辑框 EditText 用来接收软件键盘输入的文字,例如用户名、密码、评价内容等,它是由文本视图派生而来的,除了TextView 已有的各种属性和方法,EditText还支持下列XML属性

     1. maxLength: 指定文本允许输入的最大长度


      2. textColorHint: 指定提示文本的颜色


      3. hint:指定提示文本内容


      4. inputType : 指定驶入的文本类型,输入类型的取值,若同时使用多种文本类型,则可使用竖线“|”把多种文本类型拼接起来。主要值如下:

输入类型 说明
text 文本
textPassWord 文本密码。显示时用圆点“.”代替
number 整型数
numberSigned 带符号的数字。允许在开头带符号“-”
numberDecimal 带小数点的数字
numberPassWord 数字密码。显示时用圆点“.”代替
datetime 时间日期格式,除了数字外,还允许输入横线、斜杠、空格、冒号
date 日期格式,除了数字外,还允许输入航线“-”和斜杠“/”
time 时间格式,除了数字外,还允许输入冒号“.”

二、EditText外观

一般情况下,EditText 形状如下

<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:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="text"
        android:hint="请输入用户名" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="numberPassword"
        android:hint="请输入密码"/>
</LinearLayout>

1.隐藏EditTExt边框

如果我们想要隐藏边框的话,只需要在EditText属性中添加

android:background="@null"

2.自定义EditText边框

如果我们想要自定义EditText边框,例如当焦点选中边框变蓝,不选中边框为灰


第一步:

先创建两个drawable文件来显示EditText选中和一般两种情况的形状shape_edti_focus.xml(自己给文件起的名称)

选中时Edittext边框的效果

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--    指定形状内部的填充颜色-->
    <solid android:color="#fff"/>
<!--        指定形状轮廓粗细与颜色-->
    <stroke android:width="1dp" android:color="#0000ff"/>
<!--    指定形状四个圆角的半径   -->
    <corners android:radius="5dp"/>
<!--    指定形状四个方向的间距-->
    <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp"/>
</shape>
        shape_edit_normal.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--    指定形状内部的填充颜色-->
    <solid android:color="#fff"/>
    <!--        指定形状轮廓粗细与颜色-->
    <stroke android:width="1dp" android:color="#aaa"/>
    <!--    指定形状四个圆角的半径   -->
    <corners android:radius="5dp"/>
    <!--    指定形状四个方向的间距-->
    <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp"/>
</shape>

第二步:再创建一个文件把上面两个柔和到一起

edittext_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" android:drawable="@drawable/shape_edit_focus"/>
    <item android:drawable="@drawable/shape_edit_normal"/>
</selector>

第三步:在Edittext内background中引用  edittext_selector.xml

效果如下:

三、监听焦点变更事件

  如果我们想做一个校验的工作,例如手机号码未输满11位,就点击密码框,此时校验不通过,一般弹出提示文字,一遍把焦点拉回手机框


第一步:先写布局文件

<?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/et_phone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number"
        android:maxLength="11"
        android:hint="请输入11位手机号码" />
    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="numberPassword"
        android:maxLength="6"
        android:hint="请输入输入6位密码"/>
</LinearLayout>

第二步:创建监听事件

注意:监听事件要给et_password设置

package com.example.signin;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;
public class activity_edit extends AppCompatActivity implements View.OnFocusChangeListener {
    EditText et_phone;
    EditText et_password;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edit);
        et_phone =  findViewById(R.id.et_phone);
        et_password =  findViewById(R.id.et_password);
        //设置监听
        et_password.setOnFocusChangeListener(this);
    }
    @Override
    public void onFocusChange(View v, boolean b) {
        if(hasWindowFocus()){
            String phone = et_phone.getText().toString();
            if(TextUtils.isEmpty(phone) || phone.length() < 11){
                // 手机号码编辑框请求焦点,也就是把光标移回手机号码编辑
                et_phone.requestFocus();
                Toast.makeText(this,"请输入11位手机号码",Toast.LENGTH_SHORT).show();
            }
        }
    }
}
相关文章
notepad++选中多行文本
notepad++选中多行文本
731 0
|
5月前
一个textview显示不同zize大小的文本
一个textview显示不同zize大小的文本
28 0
|
6月前
|
XML IDE 开发工具
13. 【Android教程】文本框 TextView
13. 【Android教程】文本框 TextView
119 2
|
Java Android开发
Android 中设置EditText输入框提示文本hint的字体大小
Android 中设置EditText输入框提示文本hint的字体大小
339 0
|
数据安全/隐私保护 C++
2.8 输入控件(一)
2.8 输入控件(一)
2.8 输入控件(一)
|
存储 前端开发 C++
2.8 输入控件(三)
2.8 输入控件(三)
2.8 输入控件(三)
|
XML Java API
TextView(文本框)详解
本节给大家带来的UI控件是:TextView(文本框),用于显示文本的一个控件,另外声明一点,我不是翻译API文档,不会一个个属性的去扣,只学实际开发中常用的,有用的,大家遇到感觉到陌生的属性可以查询对应的API!
207 0
iOStextField/textView在输入时限制emoji表情的输入
又遇到输入框输入表情的情况了,之前写了一篇文章“UITextView/UITextField检测并过滤Emoji表情符号”http://www.jianshu.com/p/90d68e7e5d53,但是总觉得那两种方式都各有弊端,这次又遇到之后,仔细考虑了下之后,想到了用两种方式组合在一起使用,测试结果暂时没什么问题,在输入时就限制了emoji表情输入,完全符合需求。在此贴出代码,如果有什么问题,欢迎指正!