当前位置：首页 > news >正文

移动应用开发：简易登录页

news 2024/11/16 7:35:53

文章目录

简介
一，创建新活动
二，设计UI布局
三，编写活动代码
四，运行应用程序
注意

简介

使用Android Studio编写的简单Android 登录应用程序，该应用程序包含一个登录界面，具有账号和密码两个文本框，以及退出和提交按钮。按下退出按钮将退出整个程序，按下提交按钮将根据给定的账号和密码显示相应的消息。

UI界面效果图

一，创建新活动

1，File——New——Activity——Empty Activity。
在这里插入图片描述
2，输入活动名称：LoginActivity，选择语言为Java；单击Finish按钮。

3，查看新建活动代码和布局文件。
在这里插入图片描述

二，设计UI布局

打开res/layout/activity_login.xml文件，并添加以下内容以设计登录界面：

<?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:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:padding="16dp"tools:context=".LoginActivity"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="120dp"android:layout_marginBottom="50dp"android:layout_gravity="center"android:text="简易登录页"android:textSize="35dp"android:textStyle="bold" /><LinearLayoutandroid:layout_gravity="center"android:layout_width="300dp"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="账号："android:textSize="20dp"android:textStyle="bold" /><EditTextandroid:id="@+id/etUsername"android:layout_width="match_parent"android:layout_height="wrap_content"android:hint="请输入账号"android:inputType="text" /></LinearLayout><LinearLayoutandroid:layout_gravity="center"android:layout_width="300dp"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginBottom="10dp"android:text="密码："android:textSize="20dp"android:textStyle="bold" /><EditTextandroid:id="@+id/etPassword"android:layout_width="match_parent"android:layout_height="wrap_content"android:hint="请输入密码"android:inputType="textPassword" /></LinearLayout><LinearLayoutandroid:layout_width="380dp"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/btnSubmit"android:layout_width="80dp"android:layout_height="50dp"android:layout_marginTop="16dp"android:layout_marginLeft="70dp"android:text="提交" /><Buttonandroid:id="@+id/btnExit"android:layout_width="80dp"android:layout_height="50dp"android:layout_marginTop="16dp"android:layout_marginLeft="50dp"android:text="退出" /></LinearLayout><TextViewandroid:id="@+id/tvMessage"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="16dp"android:gravity="center"android:visibility="gone" /></LinearLayout>

三，编写活动代码

打开LoginActivity.java文件，并添加以下代码：

package com.example.mycontacts;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;public class LoginActivity extends AppCompatActivity {private EditText etUsername;private EditText etPassword;private Button btnSubmit;private Button btnExit;private TextView tvMessage;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_login);etUsername = findViewById(R.id.etUsername);etPassword = findViewById(R.id.etPassword);btnSubmit = findViewById(R.id.btnSubmit);btnExit = findViewById(R.id.btnExit);tvMessage = findViewById(R.id.tvMessage);btnSubmit.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {String username = etUsername.getText().toString();String password = etPassword.getText().toString();if ("test".equals(username) && "123".equals(password)) {tvMessage.setText("登录成功");tvMessage.setVisibility(View.VISIBLE);} else {tvMessage.setText("登录失败");tvMessage.setVisibility(View.VISIBLE);}}});btnExit.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {finish(); // 关闭当前活动，退出应用（如果只有一个活动）// 如果需要完全退出应用（包括所有活动），可以使用以下代码// System.exit(0);}});}
}