• 移动终端开发实验五——对话框的使用

    运行结果

     

    实验目的

    1. 掌握Toast组件的使用方法；
    2. 掌握AertDialog组件的使用方法；
    3. 掌握对话框按钮监听器的使用方法；
    4. 能够熟练应用各种布局管理器和控件进行界面设计。

    实验内容及步骤

                设计一款APP的登录和注册功能，在登录界面点击“登录”按钮，对输入的用户名、密码进行验证（要求：用户名以邮箱登录，符合邮箱格式；密码必须以字母、数字和符号组合，并以字母开头），对不符合格式要求的通过toast组件进行提示；在登录界面点击“注册”按钮，弹出注册对话框进行注册操作（对话框中确定和取消按钮暂不需事件处理）。

    步骤：

    • 在Layout文件夹中建立登录布局文件activity_login.xml和注册布局文件activity_register.xml。
    • 为“登录”按钮编写单击事件，实现登录验证（下列已给出部分代码，请同学们补充完整）
    • 为“注册”按钮编写单击事件，实现注册界面显示（下列已给出部分代码，请同学们补充完整）

    参考资料：

    （1）以下是drawable文件，需复制到drawable文件夹。
hat.png：注册图标
login_logo.png：登录图标

    图片资源链接 提取码：1234

    1. Button register_btn = findViewById(R.id.register_btn);
    2. Button login_btn = findViewById(R.id.login_btn);
    3.  
    4. register_btn.setOnClickListener(new View.OnClickListener() {
    5.     @Override
    6.     public void onClick(View v) {
    7.         RelativeLayout loginForm = (RelativeLayout) getLayoutInflater()
    8.                 .inflate(R.layout.activity_register, null);
    9.  
    10. //创建AlertDialog并显示，设置布局文件为activity_register、图标为hat.png、标题为“快速注册”、按钮包括“取消”和“注册”
    11.            }
    12. });
    13.  
    14. login_btn.setOnClickListener(new View.OnClickListener() {
    15.     @Override
    16.     public void onClick(View v) {
    17.         TextView t1=findViewById(R.id.login_password);
    18.         Pattern pattern = Pattern.compile("[_0-9a-z]+");
    19.         boolean tf = pattern.matcher(t1.getText()).matches();
    20.         if(!tf) {
    21.  
    22.             //创建Toast提示“密码格式错误”，设置显示位置“居中显示”、字体颜色“红色”、显示时间3.5秒（Toast.LENGTH_LONG）
    23.         }
    24.     }
    25. });

    1、将图片复制到对应的文件夹

     2、新建layout文件

     并命名为rigister_layout.xml（命名将来要一致）

    3、在activity_main.xml中做登陆注册首页布局

     【参考代码】

    1. "1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     xmlns:app="http://schemas.android.com/apk/res-auto"
    4.     xmlns:tools="http://schemas.android.com/tools"
    5.     android:layout_width="match_parent"
    6.     android:layout_height="match_parent"
    7.     tools:context=".MainActivity"
    8.     android:orientation="vertical"
    9.     android:gravity="center">
    11.     <ImageView
    12.         android:id="@+id/img"
    13.         android:layout_width="150dp"
    14.         android:layout_height="150dp"
    15.         android:src="@drawable/login_logo"
    16.         android:scaleType="centerCrop"
    17.         android:layout_gravity="center_horizontal"/>
    19.     <LinearLayout
    20.         android:layout_width="wrap_content"
    21.         android:layout_height="wrap_content">
    22.         <TextView
    23.             android:id="@+id/zh_tv"
    24.             android:layout_below="@+id/img"
    25.             android:layout_width="wrap_content"
    26.             android:layout_height="60dp"
    27.             android:textSize="20dp"
    28.             android:text="账号："/>
    29.         <EditText
    30.             android:id="@+id/zh_et"
    31.             android:layout_width="200dp"
    32.             android:layout_height="60dp"
    33.             android:hint="请输入账号（email）"
    34.             android:inputType="textEmailAddress"
    35.             android:singleLine="true"/>
    36.     LinearLayout>
    38.     <LinearLayout
    39.         android:layout_width="wrap_content"
    40.         android:layout_height="wrap_content">
    41.         <TextView
    42.             android:id="@+id/ps_tv"
    43.             android:layout_below="@+id/zh_tv"
    44.             android:layout_width="wrap_content"
    45.             android:layout_height="60dp"
    46.             android:textSize="20dp"
    47.             android:text="密码："/>
    48.         <EditText
    49.             android:id="@+id/ps_et"
    50.             android:layout_below="@+id/zh_et"
    51.             android:layout_toRightOf="@+id/ps_tv"
    52.             android:layout_width="200dp"
    53.             android:layout_height="60dp"
    54.             android:hint="请输入密码"
    55.             android:inputType="textPassword"
    56.             android:singleLine="true"/>
    57.     LinearLayout>
    59.     <LinearLayout
    60.         android:layout_width="wrap_content"
    61.         android:layout_height="wrap_content">
    62.         <Button
    63.             android:id="@+id/login_btn"
    64.             android:layout_width="wrap_content"
    65.             android:layout_height="wrap_content"
    66.             android:text="登录"/>
    67.         <Button
    68.             android:layout_marginLeft="80dp"
    69.             android:id="@+id/register_btn"
    70.             android:layout_width="wrap_content"
    71.             android:layout_height="wrap_content"
    72.             android:text="注册"/>
    73.     LinearLayout>
    74.  
    75. LinearLayout>

     4、在register_layout.xml中做对话框内部布局

     【参考代码】

    1. "1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:layout_width="wrap_content"
    4.     android:layout_height="wrap_content"
    5.     android:orientation="vertical"
    6.     android:gravity="center"
    7.     android:layout_marginTop="20dp">
    9.     <LinearLayout
    10.         android:layout_width="wrap_content"
    11.         android:layout_height="wrap_content">
    12.         <TextView
    13.             android:id="@+id/nc_tv"
    14.             android:layout_width="wrap_content"
    15.             android:layout_height="60dp"
    16.             android:text="昵称："
    17.             android:textSize="20dp"/>
    18.         <EditText
    19.             android:id="@+id/nc_et"
    20.             android:layout_width="200dp"
    21.             android:layout_height="60dp"
    22.             android:hint="请输入用户名" />
    23.     LinearLayout>
    25.     <LinearLayout
    26.         android:layout_width="wrap_content"
    27.         android:layout_height="wrap_content">
    28.         <TextView
    29.             android:id="@+id/zh_tv"
    30.             android:layout_width="wrap_content"
    31.             android:layout_height="60dp"
    32.             android:text="账号："
    33.             android:textSize="20dp"/>
    34.         <EditText
    35.             android:id="@+id/zh_et"
    36.             android:layout_width="200dp"
    37.             android:layout_height="60dp"
    38.             android:hint="请输入正确的邮箱"
    39.             android:inputType="textEmailAddress"/>
    40.     LinearLayout>
    42.     <LinearLayout
    43.         android:layout_width="wrap_content"
    44.         android:layout_height="wrap_content">
    45.         <TextView
    46.             android:id="@+id/ps_tv"
    47.             android:layout_width="wrap_content"
    48.             android:layout_height="60dp"
    49.             android:text="密码："
    50.             android:textSize="20dp"
    51.             />
    52.         <EditText
    53.             android:id="@+id/ps_et"
    54.             android:layout_width="200dp"
    55.             android:layout_height="60dp"
    56.             android:hint="请输入密码"
    57.             android:inputType="textPassword"/>
    58.     LinearLayout>
    59.  
    60. LinearLayout>

    不用做标题，因为待会java代码会设置对话框的标题栏字样。

    5、编写JAVA代码

    【参考代码】

    1. package com.example.a111;
    2.  
    3. import androidx.appcompat.app.AlertDialog;
    4. import androidx.appcompat.app.AppCompatActivity;
    5.  
    6. import android.graphics.Color;
    7. import android.os.Bundle;
    8. import android.view.Gravity;
    9. import android.view.View;
    10. import android.widget.Button;
    11. import android.widget.LinearLayout;
    12. import android.widget.RelativeLayout;
    13. import android.widget.TextView;
    14. import android.widget.Toast;
    15.  
    16. import java.util.regex.Pattern;
    17.  
    18. public class MainActivity extends AppCompatActivity {
    19.  
    20.     @Override
    21.     protected void onCreate(Bundle savedInstanceState) {
    22.         super.onCreate(savedInstanceState);
    23.         setContentView(R.layout.activity_main);
    24.         Button register_btn = findViewById(R.id.register_btn);
    25.         Button login_btn = findViewById(R.id.login_btn);
    26.  
    27.         register_btn.setOnClickListener(new View.OnClickListener() {
    28.             @Override
    29.             public void onClick(View v) {
    30.                 LinearLayout loginForm = (LinearLayout) getLayoutInflater()
    31.                         .inflate(R.layout.register_layout, null);
    32. //创建AlertDialog并显示，设置布局文件为activity_register、图标为hat.png、标题为“快速注册”、按钮包括“取消”和“注册”
    33.                 AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);
    34.                 builder.setIcon(R.drawable.hat)
    35.                         .setTitle("快速注册")
    36.                         .setView(loginForm)
    37.                         .setNegativeButton("取消",null)
    38.                         .setPositiveButton("注册",null)
    39.                         .create()
    40.                         .show();
    41.             }
    42.         });
    43.  
    44.         login_btn.setOnClickListener(new View.OnClickListener() {
    45.             @Override
    46.             public void onClick(View v) {
    47.                 TextView t1=findViewById(R.id.ps_et);
    48.                 Pattern pattern = Pattern.compile("[_0-9a-z]+");
    49.                 boolean tf = pattern.matcher(t1.getText()).matches();
    50.                 if(!tf) {
    51.                     //创建Toast提示“密码格式错误”，设置显示位置“居中显示”、字体颜色“红色”、显示时间3.5秒（Toast.LENGTH_LONG）
    52.                     Toast toast=new Toast(MainActivity.this);
    53.                     toast.setGravity(Gravity.CENTER,0,0);
    54.                     TextView textView=new TextView(MainActivity.this);
    55.                     textView.setTextSize(14f);
    56.                     textView.setTextColor(Color.RED);
    57.                     textView.setText("密码格式错误");
    58.                     toast.setDuration(Toast.LENGTH_LONG);
    59.                     toast.setView(textView);
    60.                     toast.show();
    61.                 }
    62.             }
    63.         });
    64.  
    65.     }
    66. }

    【代码详解】

    1、创建AlertDialog并显示，设置布局文件为activity_register、图标为hat.png、标题为“快速注册”、按钮包括“取消”和“注册”

    1. AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);
    2.                 builder.setIcon(R.drawable.hat)
    3.                         .setTitle("快速注册")
    4.                         .setView(loginForm)
    5.                         .setNegativeButton("取消",null)
    6.                         .setPositiveButton("注册",null)
    7.                         .create()
    8.                         .show();

  • 相关阅读:
    GBase8s jdbc连接超时参数说明
    队列与堆栈：原理、区别、算法效率和应用场景的探究
    React SSG - 也写个 Demo 吧
    深入剖析如何设计订单超时自动取消的功能
    PerfView专题 (第十二篇)：对 C# 下的 SDK 类库进行监控（大结局）
    2023.09.09青少年软件编程（Python）等级考试试卷（四级）
    340招募线上被试 | 大学生完美主义、就业焦虑情况调查
    一文搞懂JavaScript数组的特性
    《栈和队列》的模拟实现(顺序栈) (链队列)
    20221206英语学习
  • 原文地址：https://blog.csdn.net/m0_52177571/article/details/127712733