Android开发入门组件（三）——EditText

最新推荐文章于 2022-04-23 14:29:40 发布

Demo.demo

最新推荐文章于 2022-04-23 14:29:40 发布

阅读量352

点赞数 1

分类专栏：安卓开发文章标签： Android Android组件 EditText

本文链接：https://blog.csdn.net/qq_27524749/article/details/95536610

版权

安卓开发专栏收录该内容

34 篇文章 4 订阅

订阅专栏

今天来写组件EditText的使用，老套路先上成果图，让大家先懂我要做什么，很明白就是做一个登录界面来实现组件的灵活应用。

1.EditText组件的一些常用的属性

根据代码来讲吧，放在注释里面做一个假说明，具体的看代码

<EditText
        android:id="@+id/ed1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:inputType="number" //输入数据的类型，可以选择的一般常用有时间、数字、 密码等
        android:textSize="16sp" //输入的文字的大小
        android:textColor="#ff0033"  //输入的文字的颜色
        android:hint="用户名"  //输入框中的提示输入的东西，当输入东西的时候会不见
    />

    <EditText
        android:id="@+id/ed2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ed1"
        android:inputType="numberPassword"//输入数据的类型，此处为密码
        android:textSize="16sp"
        android:textColor="#ff0033"
        android:hint="密码"
        />

来看一下效果图

2.输入框的样式

说起输入框的样式，类似于上节Button组件的样式，需要新建一个样式表然后再background属性中声明出来即可，上代码，具体看注释

<EditText
        android:id="@+id/ed3"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="60dp"
        android:layout_marginBottom="15dp"
        android:layout_below="@id/ed2"
        android:inputType="number"
        android:textSize="20sp"
        android:textColor="#ff0033"
        android:background="@drawable/ed1"   //引用所声明的样式
        android:drawableLeft="@drawable/username"  //显示输入框的图标，如图用户名的图标，需要将图片存放在项目文件下
        android:drawablePadding="5dp" //存放的图标周围的距离
        android:paddingLeft="10dp"    
        android:hint="用户名"
        />

    <EditText
        android:id="@+id/ed4"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_below="@id/ed3"
        android:inputType="numberPassword"
        android:textSize="20sp"
        android:textColor="#ff0033"
        android:drawableLeft="@drawable/password" //显示输入框的图标，如图用户名的图标，需要将图片存放在项目文件下
        android:drawablePadding="5dp"   //存放的图标周围的距离
        android:paddingLeft="10dp"
        android:background="@drawable/ed1"//引用所声明的样式
        android:hint="密码"
        />

所新建的样式的文件代码

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="2dp"
        android:color="#941AE6"
        ></stroke>

    <corners
        android:radius="10dp"></corners>
</shape>

3.设置监听事件

用来监听输入框中的输入情况，需要在Activity文件中进行声明并进行函数的使用

package com.example.androidstudy;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class EditTextActivity extends AppCompatActivity {

    EditText ed1;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edittext);
        ed1=findViewById(R.id.ed3);
        ed1.addTextChangedListener(new TextWatcher() {
            @Override
//变化前的函数
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
//变化中函数，不断的监听
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                Log.d("edittext",charSequence.toString());
//进行输入框中数据的打印在日志处
            }

            @Override
//变化后的函数
            public void afterTextChanged(Editable editable) {

            }
        });
    }
}

4.制作用户登录界面

直接上代码，可以参考一下

xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="15dp">


    <EditText
        android:id="@+id/ed3"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="60dp"
        android:layout_marginBottom="15dp"
        android:inputType="number"
        android:textSize="20sp"
        android:textColor="#ff0033"
        android:background="@drawable/ed1"
        android:drawableLeft="@drawable/username"
        android:drawablePadding="5dp"
        android:paddingLeft="10dp"
        android:hint="用户名"
        />

    <EditText
        android:id="@+id/ed4"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_below="@id/ed3"
        android:inputType="numberPassword"
        android:textSize="20sp"
        android:textColor="#ff0033"
        android:drawableLeft="@drawable/password"
        android:drawablePadding="5dp"
        android:paddingLeft="10dp"
        android:background="@drawable/ed1"
        android:hint="密码"
        />

    <Button
        android:id="@+id/bt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ed4"
        android:layout_marginTop="40dp"
        android:background="@drawable/bg_bt4"
        android:text="点击进行登录"
        android:textSize="15sp"
        android:textColor="#ffffff"
        />

</RelativeLayout>

对应的Activity文件

package com.example.androidstudy;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class EditTextActivity extends AppCompatActivity {

    Button bt;
    EditText ed1;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edittext);

        bt=findViewById(R.id.bt);


        bt.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(EditTextActivity.this,"登陆成功",Toast.LENGTH_SHORT).show();
            }
        });
        ed1=findViewById(R.id.ed3);
        ed1.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                Log.d("edittext",charSequence.toString());
            }

            @Override
            public void afterTextChanged(Editable editable) {

            }
        });
    }
}

最后的效果图如下，有问题可以留言