Android Studio--登录界面的简单实现（教程）

JAVA中做过这些，我们只需要理清一下思路，以及了解一些组件的用法即可。
思路
1.登录界面需要输入账号、密码，那么我们我要两个输入文本框。
2.需要点击一个登录，那么需要一个登录按钮，以及监听按钮的登陆事件。
3.作为一个简易的登录界面，我们并不加入数据库，添加一个账号密码识别认证即可。

一、
首先来设计界面

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/tree"
    tools:context=".MainActivity">

这是我们开头自动生成的文件，我多加入了一行android:background="@drawable/tree"
这是用来添加背景的语句，事先我们还需要把，图片放入下图这个文件夹，我是用的是jpg格式的图片。

第一步，放置布局，这里我使用了从上往下的布局方式

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        
        //中间内容是两个输入文本框和一个按钮，这些代码写在下面
</LinearLayout>

要记得将组件写在布局代码中，不然，这些组件就不会按布局排列显示。

第二步，设置输入文本框

账号输入框

<EditText
            android:id="@+id/name"
            android:layout_width="264dp"
            android:layout_height="50dp"
            android:layout_marginLeft="80dp"
            android:layout_marginTop="40dp"
            android:ems="12"
            android:hint="请输入你的账号"
            android:inputType="text"
            android:background="@drawable/selector"
            android:textColorHint="@android:color/white"
            tools:ignore="MissingConstraints" />

密码输入框

<EditText
            android:id="@+id/passwd"
            android:layout_width="264dp"
            android:layout_height="50dp"
            android:layout_marginLeft="80dp"
            android:layout_marginTop="40dp"
            android:ems="12"
            android:hint="请输入你的密码"
            android:inputType="text"
            android:background="@drawable/selector"
            android:textColorHint="@android:color/white"
            tools:ignore="MissingConstraints" />

android:layout_marginLeft -------这个作用是设置和左边的间距
android:layout_marginTop ------ 这个作用是设置和顶部的间距
android:ems ------------------------ 这个作用是限制输入长度
android:hint ------------------------ 这个作用是设置输入文本框内的提示内容
android:inputType --------------- 这个作用是选择输入的内容类型
android:textColorHint ------------这个作用是设置文本框内提示内容的颜色

最后一步，设置按钮，并给上监听事件。

<Button
            android:id="@+id/button"
            android:layout_width="200dp"
            android:layout_height="40dp"
            android:layout_marginLeft="100dp"
            android:layout_marginTop="60dp"
            android:onClick="Login"
            android:text="登录"
            tools:ignore="MissingConstraints" />

android:onClick ------------------这个作用是与java文件中的监听事件对应
android:text -----------------------这个作用是给按钮一个文本显示

大致界面样子

二、
界面设置完成了，接下来，让我们来编写MainActivity中的内容。

public class MainActivity extends AppCompatActivity {

    EditText name;  //创建账号
    EditText passwd;  //创建密码

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

       name = findViewById(R.id.name);   //获取输入的账号
       passwd = findViewById(R.id.passwd);     //获取输入的密码

    }
}

这个类我们主要用来进行，账号密码的验证，以及监听事件的编写。所以首先需要将一开始设计的输入文本框id name 和passwd获取。
然后开始编写监听，界面设置我们给按钮的事件名字是Login，所以我们写入的监听方法名字也要是Login

//添加按钮事件
    public void Login(View v){
        //这是能够登录的账号密码
        String Usename = "admin";
        String Upwd = "12345";
        
        //创建两个String类，储存从输入文本框获取到的内容
        String user = name.getText().toString().trim();
        String pwd = passwd.getText().toString().trim();
        
        //进行判断，如果两个内容都相等，就显现第一条语句，反之，第二条。
        if(user.equals(Usename) & pwd.equals(Upwd)){
            Toast.makeText(this, "欢迎你，新世界管理者", Toast.LENGTH_SHORT).show();
        }else{
            Toast.makeText(this, "身份验证错误，禁止访问", Toast.LENGTH_SHORT).show();
        }

    }

比较简易的登录界面，还可以做很多其他的完善。直接复制粘贴这个代码，可能会有许多红色报错，这个和JAVA一样，是因为你直接贴上去，我使用的一些包没有被导入，可以根据Android stdio的提示自己导入，一键完成。~(￣▽￣ ~)

本文地址：https://blog.csdn.net/tbbaichi/article/details/112593087