实验5 多界面程序的创建

案例1 QQ登陆界面的跳转

实现最终效果图如下

android 移动应用开发知识点 android移动应用开发案例教程_安卓


当我们点击登陆按钮，界面跳转到登陆成功界面（账号密码的判断暂时不写），并显示我们输入的账号和密码，如图

android 移动应用开发知识点 android移动应用开发案例教程_xml_02


当我们点击返回按钮则返回初始界面

android 移动应用开发知识点 android移动应用开发案例教程_xml_03

实验知识点

1.基本控件和布局的使用
2.掌握数据传输的过程

实验步骤

1.创建新工程，取名QQ
2.创建MainActivity和Main2Activity
3.编辑MainActivity.xml和Main2Activit.xml文件
4.编写逻辑代码
5.逻辑代码分析
6.下节案例

实验具体内容（以截图形式供大家参考,感觉资源发起来太麻烦，我以后就直接把代码发出来，不发资源了）

1.创建QQ工程

android 移动应用开发知识点 android移动应用开发案例教程_数据_04


2.编写我们的主界面布局（其中用到的图片可根据大家喜好自行下载放到res-drawable文件加下即可）

<?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:background="@drawable/login_bg"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:gravity="center"
        android:text="QQ"
        android:textSize="20sp"
        android:textColor="#FFFFFF"/>

    <ImageView
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginTop="50dp"
        android:layout_gravity="center"
        android:src="@drawable/user"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">
        <TextView
            android:layout_marginLeft="10dp"
            android:layout_width="50dp"
            android:textColor="#FFFFFF"
            android:gravity="center"
            android:layout_height="match_parent"
            android:text="账号："/>
        <EditText
            android:id="@+id/et_name"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@null"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">
        <TextView
            android:layout_marginLeft="10dp"
            android:layout_width="50dp"
            android:textColor="#FFFFFF"
            android:gravity="center"
            android:layout_height="match_parent"
            android:text="密码："/>
        <EditText
            android:id="@+id/et_psd"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@null"/>
    </LinearLayout>

    <Button
        android:id="@+id/btn_login"
        android:text="登陆"
        android:layout_gravity="center"
        android:layout_width="100dp"
        android:layout_height="40dp"
        android:background="#5AA69A"/>

</LinearLayout>

3.编写成功界面布局

<?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:background="@drawable/login_bg"
    android:orientation="vertical"
    tools:context=".Main2Activity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:text="登陆成功"
        android:textColor="#FFFFFF"
        android:textSize="18sp"
        android:gravity="center" />
    <TextView
        android:id="@+id/tv_name"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:textSize="18sp"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:text="用户名"/>
    <TextView
        android:id="@+id/tv_psd"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:textSize="18sp"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:text="密码"/>
    <Button
        android:id="@+id/btn_back"
        android:layout_width="100dp"
        android:layout_height="40dp"
        android:text="返回"
        android:layout_gravity="center"
        android:background="#5AA69A"/>

</LinearLayout>

4.编写逻辑代码

（1）MainActivity.java

package cn.itcast.qq;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private Button btn_login;
    private EditText et_name,et_psd;

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

        //初始化控件
        init();

        btn_login.setOnClickListener(this);

    }

    private void init() {
        btn_login = findViewById(R.id.btn_login);
        et_name = findViewById(R.id.et_name);
        et_psd = findViewById(R.id.et_psd);
    }


    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_login :
                //定义局部变量接受编辑框数据
                String name = null;
                String psd = null;
                name = et_name.getText().toString().trim();
                psd = et_psd.getText().toString().trim();
                //利用意图intent来传递数据
                Intent intent = new Intent(MainActivity.this,Main2Activity.class);
                intent.putExtra("name",name);
                intent.putExtra("psd",psd);
                //启动意图
                startActivity(intent);
                break;

        }

    }
}

（2）Main2Activity.java

package cn.itcast.qq;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class Main2Activity extends AppCompatActivity implements View.OnClickListener {
    private Button btn_back;
    private TextView tv_name,tv_psd;

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

        //初始化控件
        init();

        //定义局部变量接收数据
        String name = null;
        String psd = null;
        Intent intent = getIntent();
        name = intent.getStringExtra("name");
        psd = intent.getStringExtra("psd");
        if(name != null && psd != null) {
            tv_name.setText(name);
            tv_psd.setText(psd);
        } else {
            Toast.makeText(Main2Activity.this,"未接收到数据",Toast.LENGTH_SHORT).show();
        }

        btn_back.setOnClickListener(this);
    }

    private void init() {
        btn_back = findViewById(R.id.btn_back);
        tv_name = findViewById(R.id.tv_name);
        tv_psd = findViewById(R.id.tv_psd);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_back :
                finish();
                break;
        }

    }
}

5.逻辑代码分析

（1）MainActivity.java
这一段是为了找到该Activity相应布局文件的控件，这是必不可少的

btn_login = findViewById(R.id.btn_login);
        et_name = findViewById(R.id.et_name);
        et_psd = findViewById(R.id.et_psd);

这里我用到了Intent，首先他可以用来跳转界面，其次还可以用它的putExtra方法来传递数据

//定义局部变量接受编辑框数据
                String name = null;
                String psd = null;
                name = et_name.getText().toString().trim();
                psd = et_psd.getText().toString().trim();
                //利用意图intent来传递数据
                Intent intent = new Intent(MainActivity.this,Main2Activity.class);
                intent.putExtra("name",name);
                intent.putExtra("psd",psd);
                //启动意图
                startActivity(intent);

（1）Main2Activity.java
这一段用Intent接受数据并将接收到额数据赋给相应的text控件（我这里做了个判断，也是为了规范）

//定义局部变量接收数据
        String name = null;
        String psd = null;
        Intent intent = getIntent();
        name = intent.getStringExtra("name");
        psd = intent.getStringExtra("psd");
        if(name != null && psd != null) {
            tv_name.setText(name);
            tv_psd.setText(psd);
        } else {
            Toast.makeText(Main2Activity.this,"未接收到数据",Toast.LENGTH_SHORT).show();
        }

6.下节案例

下一篇我带大家做一个稍微适中的项目----记事本（大家可以先创建一个工程NotePad）,了解并掌握SQLite数据库的相关知识