Android Studio制作简单登录界面

Android Studio制作简单登录界面

实现目标

应用线性布局设计登录界面，要求点击输入学号时弹出数字键盘界面，点击输入密码时弹出字母键盘，出现的文字、数字、尺寸等全部在values文件夹下相应.xml文件中设置好，使用时直接引用。当用户名或密码为空，显示一个提示信息“用户名与密码不能为空！”，当用户名和密码匹配，显示“登录成功”。

整体效果图如下：

实现过程

新建项目

新建一个项目如图所示：

UI设计

1.新建login.xml，选择线性布局

步骤如下：

设计登录页面

LinearLayout是线性布局，布局中的组件按照垂直或者水平方向进行排列

gravity：设置自身内部元素的对齐方式layout_gravity：用来控制该控件在包含该控件的父控件中的位置

本设计采用垂直线性布局，如图所示：

控件类型: EditText 是一个允许用户输入和编辑文本的控件。

android:id: 这个属性为控件设置了一个唯一的ID（@+id/ed2），使得开发者可以在Java或Kotlin代码中通过这个ID来引用这个控件。

android:layout_width 和 android:layout_height: 这些属性定义了控件的宽度和高度。531dp 指定了宽度为531设备独立像素，wrap_content 表示高度会根据内容的大小自动调整。

实现代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/login"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="25dp"
    android:background="@color/white"
    tools:context="com.example.myapplication1.LoginActivity"
    android:orientation="vertical"
    android:weightSum="1">
    <TextView
        android: