安卓学习笔记2.3 窗口跳转与传递数据

古城微笑少年丶 2024-05-07 17:05 140阅读 0赞

文章目录

  • 一、学习目标
  • 二、新课学习
    • (一)三个基本控件
      • 1、标签控件(TextView)
      • 2、编辑框控件(EditText)
      • 3、按钮控件(Button)
    • (二)安卓事件处理机制
      • 1、安卓事件处理概述
      • 2、安卓事件处理步骤
    • (三)案例演示:实现用户登录
      • 1、创建安卓应用
      • 2、准备背景图片
      • 3、基于模板创建登录窗口
      • 4、登录窗口布局资源文件
      • 5、主窗口布局资源文件
      • 6、安卓项目清单文件
      • 7、字符串资源文件
      • 8、登录窗口功能实现
        • (1)声明控件变量
        • (2)通过资源标识符获取控件实例
        • (3)登录按钮事件处理
        • (4)取消按钮事件处理
      • 9、启动应用,查看效果
        • (1)输入用户名与密码正确的情况
        • (2)输入用户名或密码错误的情况
    • (四)利用意图启动组件
      • 1、使用显式意图启动组件
        • 方式一
        • 方式二
        • 方式三
      • 2、使用隐式意图启动组件
        • (1)在Java代码创建隐式意图
      • (2)在项目清单文件里设置意图过滤器
    • (五)利用意图传递数据
      • 1、传递单项数据
      • 2、传递数据包
        • (1)在起始组件通过意图携带数据包
        • (2)在目标组件通过意图获取数据包
    • (六)案例演示:修改用户登录程序
      • 1、修改登录窗口代码
      • 2、修改主窗口代码
      • 3、启动应用,查看效果
        • (1)输入用户名与密码正确的情况
        • (2)输入用户名或密码错误的情况
      • 4、修改登录窗口代码
      • 5、修改主窗口功能代码
      • 6、启动应用,测试效果

一、学习目标

  1. 掌握事件处理
  2. 理解意图Intent
  3. 掌握窗口跳转与传递数据

二、新课学习

  • 安卓应用往往有多个Activity,如何从一个Activity跳转到另一个Activity呢?往往要进行事件处理,并且还会用到安卓里面一个十分重要的组件——Intent,可以把它看成连接安卓不同组件之间的桥梁。

(一)三个基本控件

1、标签控件(TextView)

  • 类层次继承图
    在这里插入图片描述





























属性 含义
text 文本内容
textSize 文本字号
textColor 文本颜色,单位:sp
layout_height 高度,单位:dp(wrap_content,match_parent)
layout_width 宽度,单位:dp(wrap_content ,match_parent)

2、编辑框控件(EditText)

  • 类层次继承图
    在这里插入图片描述
  • 常用属性









































属性 含义
text 文本内容
textSize 文本字号
textColor 文本颜色,#ff0000 - 红色
hint 提示信息
singleLine 单行(true or false)
layout_height 高度,单位:dp (wrap_content, match_parent)
layout_weight 宽度,单位:dp (wrap_content, match_parent)
inputType 输入类型(普通文本、密码、邮件……)

3、按钮控件(Button)

  • 类层次继承图
    在这里插入图片描述
  • 常用属性

































属性 含义
text 文本内容
textSize 文本字号
textColor 文本颜色,#ff0000 - 红色
background 背景颜色或背景图片
layout_height 高度,单位:dp (wrap_content, match_parent)
layout_weight 宽度,单位:dp (wrap_content, match_parent)

在这里插入图片描述

  • EditText与Button是兄弟关系,它们的爹是TextView

(二)安卓事件处理机制

1、安卓事件处理概述

  • 不论是桌面应用还是手机应用程序,需要对用户的动作提供响应,这种为用户动作提供响应的机制就是事件处理。
  • 安卓提供了两种事件处理机制:基于回调的事件处理和基于监听的事件处理。
  • 基于监听的事件处理是一种“面向对象”的事件处理,涉及三种对象:事件源(EventSource)、事件(Event)、事件监听器(EventListener)。
  • 基于监听的事件处理流程图
    在这里插入图片描述

2、安卓事件处理步骤

  • 以按钮单击事件处理为例说明安卓事件处理步骤





























序号 任务
1 在界面类里声明按钮控件变量
2 通过findViewById()方法得到按钮实例
3 利用setOnClickListener()方法给按钮注册单击事件监听器
4 实现单击事件监听器接口,采用匿名实现方式
5 在接口的抽象方法里编写事件处理代码

(三)案例演示:实现用户登录

1、创建安卓应用

  • 基于Empty Activity模板创建安卓应用
    在这里插入图片描述
  • 配置项目信息
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述

2、准备背景图片

  • 将背景图片background.png拷贝到drawable目录
    在这里插入图片描述

3、基于模板创建登录窗口

  • 基于Empty Activity模板创建LoginActivity,要生成对应的布局文件,并且要设置为启动Activity
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述

4、登录窗口布局资源文件

  • 登录窗口布局资源文件 - activity_login.xml
    在这里插入图片描述
  • 将约束布局改为线性布局,并设置相关属性
    在这里插入图片描述
  • 添加用户登录标签
    在这里插入图片描述
  • 添加输入用户名的标签和编辑框,但是需要一个水平方向的线性布局把它们框起来
    在这里插入图片描述
  • 添加输入密码的标签和编辑框,但是需要一个水平方向的线性布局把它们框起来
    在这里插入图片描述
  • 添加登录按钮和取消按钮,但是需要一个水平方向的线性布局把它们框起来
    在这里插入图片描述
  • 登录窗口布局资源文件完整代码

    <?xml version=”1.0” encoding=”utf-8”?>










    1. <LinearLayout
    2. android:layout_width="match_parent"
    3. android:layout_height="wrap_content"
    4. android:gravity="center_horizontal"
    5. android:orientation="horizontal">
    6. <TextView
    7. android:id="@+id/tv_password"
    8. android:layout_width="wrap_content"
    9. android:layout_height="wrap_content"
    10. android:text="@string/password"
    11. android:textColor="#000000"
    12. android:textSize="20sp" />
    13. <EditText
    14. android:id="@+id/et_password"
    15. android:layout_width="match_parent"
    16. android:layout_height="wrap_content"
    17. android:hint="@string/input_password"
    18. android:inputType="textPassword"
    19. android:singleLine="true" />
    20. </LinearLayout>
    21. <LinearLayout
    22. android:layout_width="match_parent"
    23. android:layout_height="wrap_content"
    24. android:gravity="center_horizontal"
    25. android:orientation="horizontal">
    26. <Button
    27. android:id="@+id/btn_login"
    28. android:layout_width="wrap_content"
    29. android:layout_height="wrap_content"
    30. android:layout_marginRight="20dp"
    31. android:paddingLeft="20dp"
    32. android:paddingRight="20dp"
    33. android:text="@string/login"
    34. android:textSize="20sp" />
    35. <Button
    36. android:id="@+id/btn_cancel"
    37. android:layout_width="wrap_content"
    38. android:layout_height="wrap_content"
    39. android:paddingLeft="20dp"
    40. android:paddingRight="20dp"
    41. android:text="@string/cancel"
    42. android:textSize="20sp" />
    43. </LinearLayout>


























属性 作用
gravity 用于设置容器的子控件的对齐方式,或控件的内容的对齐方式
orientation 线性布局的方向(horizontal——横向、vertical——纵向)
padding 内边距,用于设置子控件与父容器边框的距离,或控件的内容与控件边框的距离;(paddingLeft、paddingRight、paddingTop、paddingBottom)
layout_margin 外边距,用于设置控件之间的距离;(layout_marginLeft,layout_marginRight、layout_marginTop、layout_marginBottom)

5、主窗口布局资源文件

  • 主窗口布局资源文件 - activity_main.xml
    在这里插入图片描述

    <?xml version=”1.0” encoding=”utf-8”?>





6、安卓项目清单文件

  • 安卓项目清单文件AndroidManifest.xml,删除MainAcivity元素包含的意图过滤器
    在这里插入图片描述

7、字符串资源文件

  • 在字符串资源文件strings.xml里定义所需字符串变量
    在这里插入图片描述


    系统登录
    用户登录
    用户:
    请输入用户名
    密码:
    请输入密码
    登录
    取消

8、登录窗口功能实现

  • 登录窗口 - LoginActivity
    在这里插入图片描述
(1)声明控件变量
  • 两个编辑框变量和两个按钮变量
    在这里插入图片描述
(2)通过资源标识符获取控件实例
  • 通过findViewById()方法获取控件实例(类似于JavaScript里的getElementById()方法)
    在这里插入图片描述
(3)登录按钮事件处理
  • 给登录按钮注册单击监听器,实现监听器接口,并且编写事件处理代码
  • 首先获取用户输入的用户名和密码,然后判断是否正确,弹出不同的吐司
    在这里插入图片描述
(4)取消按钮事件处理
  • 给取消按钮注册单击监听器,实现监听器接口,并且编写事件处理代码
  • 单击取消按钮,关闭登录窗口(另外还有一种处理方法,只是清空两个编辑框而不关闭窗口)
    在这里插入图片描述
  • 完整的代码

    package net.xqf.user_login;

    import androidx.appcompat.app.AppCompatActivity;

    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.EditText;
    import android.widget.Toast;

    public class LoginActivity extends AppCompatActivity {

  1. private EditText etUsername;
  2. private EditText etPassword;
  3. private Button btnLogin;
  4. private Button btnCancel;
  5. @Override
  6. protected void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. // 利用布局资源文件设置用户界面
  9. setContentView(R.layout.activity_login);
  10. // 通过资源标识符获取控件实例
  11. etUsername = findViewById(R.id.et_username);
  12. etPassword = findViewById(R.id.et_password);
  13. btnLogin = findViewById(R.id.btn_login);
  14. btnCancel = findViewById(R.id.btn_cancel);
  15. // 给登录按钮注册单击监听器,实现监听器接口,并且编写事件处理代码
  16. btnLogin.setOnClickListener(new View.OnClickListener() {
  17. @Override
  18. public void onClick(View view) {
  19. // 获取两个编辑框的数据(trim()方法用于去除字符串前后空格)
  20. String strUsername = etUsername.getText().toString().trim();
  21. String strPassword = etPassword.getText().toString().trim();
  22. // 判断用户名与密码是否正确(假定用户名是"howard",密码是"903213")
  23. if (strUsername.equals("howard") && strPassword.equals("903213")) {
  24. // 三个参数:参数1 - 上下文;参数2:吐司内容(字符串);参数3:吐司持续时间
  25. Toast.makeText(LoginActivity.this, "恭喜,用户名和密码正确!", Toast.LENGTH_SHORT).show();
  26. } else {
  27. Toast.makeText(LoginActivity.this, "遗憾,用户名或密码错误!", Toast.LENGTH_SHORT).show();
  28. }
  29. }
  30. });
  31. // 给取消按钮注册单击监听器,实现监听器接口,并且编写事件处理代码
  32. btnCancel.setOnClickListener(new View.OnClickListener() {
  33. @Override
  34. public void onClick(View view) {
  35. // 关闭当前窗口
  36. finish();
  37. }
  38. });
  39. }
  40. }

9、启动应用,查看效果

  • 思考:如果希望用户登录标签与下面的输入用户名编辑隔开一点,应该怎么设置标签的属性?
    在这里插入图片描述
(1)输入用户名与密码正确的情况
  • 用户名:xiao
  • 密码:123456
    在这里插入图片描述
(2)输入用户名或密码错误的情况
  • 用户名:papsp
  • 密码:987654
    在这里插入图片描述
  • 可以指定两个编辑框的宽度,比如200dp
    在这里插入图片描述
    在这里插入图片描述
  • 重启应用,查看效果
    在这里插入图片描述

(四)利用意图启动组件

1、使用显式意图启动组件

  • 假设有两个窗口:FirstActivity和SecondActivity
方式一
  1. Intent intent = new Intent(FirstActivity.this, SecondActivity.class);
  2. startActivity(intent);
方式二
  1. Intent intent = new Intent();
  2. intent.setClass(FirstActivity.this, SecondActivity.class);
  3. startActivity(intent);
方式三
  1. Intent intent = new Intent();
  2. ComponentName component = new ComponentName(FirstActivity.this, SecondActivity.class);
  3. intent.setComponent(component);
  4. startActivity(intent);

2、使用隐式意图启动组件

(1)在Java代码创建隐式意图
  1. Intent intent = new Intent();
  2. intent.setAction("net.hw.ACTION_NEXT");
  3. intent.addCategory(Intent.CATEGORY_DEFAULT);
  4. startActivity(intent);

(2)在项目清单文件里设置意图过滤器

  1. <activity android:name="net.hw.SecondActivity">
  2. <intent-filter>
  3. <action android:name="net.hw.ACTION_NEXT" />
  4. <category android:name="android.intent.category.DEFAULT" />
  5. </intent-filter>
  6. </activity>

(五)利用意图传递数据

1、传递单项数据

  • 在起始组件通过意图传递单项数据

    // 通过意图传递单项数据
    intent.putExtra(“username”, strUsername);
    intent.putExtra(“password”, strPassword);

在目标组件通过意图获取单项数据

  1. // 通过意图获取单项数据
  2. String username = intent.getStringExtra("username");
  3. String password = intent.getStringExtra("password");

2、传递数据包

(1)在起始组件通过意图携带数据包
  1. // 创建数据包,封装数据
  2. Bundle data = new Bundle();
  3. data.putString("username", strUsername);
  4. data.putString("password", strPassword);
  5. // 通过意图携带数据包
  6. intent.putExtras(data);
(2)在目标组件通过意图获取数据包
  1. // 获取意图携带的数据包
  2. Bundle data = intent.getExtras();
  3. // 从数据包里按键取值获取各项数据
  4. String username = data.getString("username");
  5. String password = data.getString("password");

(六)案例演示:修改用户登录程序

  • 功能要求:当登录成功,跳转到主窗口,显示用户名与密码。
    在这里插入图片描述

1、修改登录窗口代码

  • 创建显式意图,利用意图携带数据,按照意图启动目标组件

    // 创建显式意图(参数1 - 包上下文;参数2 - 目标组件)
    Intent intent = new Intent(LoginActivity.this, MainActivity.class);
    // 通过意图携带数据
    intent.putExtra(“username”, strUsername);
    intent.putExtra(“password”, strPassword);
    // 按照意图启动目标组件
    startActivity(intent);

2、修改主窗口代码

  • 接收登录窗口通过意图传递的数据并显示在标签里
    在这里插入图片描述

    package net.hw.user_login;

    import androidx.appcompat.app.AppCompatActivity;

    import android.content.Intent;
    import android.os.Bundle;
    import android.widget.TextView;

    public class MainActivity extends AppCompatActivity {

  1. private TextView tvMessage;
  2. @Override
  3. protected void onCreate(Bundle savedInstanceState) {
  4. super.onCreate(savedInstanceState);
  5. // 利用布局资源文件设置用户界面
  6. setContentView(R.layout.activity_main);
  7. // 通过资源标识符获取控件实例
  8. tvMessage = findViewById(R.id.tv_message);
  9. // 获取意图
  10. Intent intent = getIntent();
  11. // 判断意图是否为空
  12. if (intent != null) {
  13. // 获取意图携带的数据
  14. String username = intent.getStringExtra("username");
  15. String password = intent.getStringExtra("password");
  16. // 拼接用户信息
  17. String message = "登录成功!\n用户:" + username + "\n密码:" + password;
  18. // 设置标签属性,显示用户信息
  19. tvMessage.setText(message);
  20. }
  21. }
  22. }

3、启动应用,查看效果

(1)输入用户名与密码正确的情况
  • 用户名:xiao
  • 密码:123456
    在这里插入图片描述
  • 单击【登录】按钮
    在这里插入图片描述
(2)输入用户名或密码错误的情况
  • 用户名:hhh
  • 密码:987654
    在这里插入图片描述

4、修改登录窗口代码

  • 将多项数据封装成数据包,通过意图传递数据包
    在这里插入图片描述

5、修改主窗口功能代码

  • 通过意图获取数据包,然后从数据包里按键取得各项数据
    在这里插入图片描述

6、启动应用,测试效果

  • 登录操作录屏
    在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,140人围观)

还没有评论,来说两句吧...

相关阅读