Day-29 跳页

在过去撰写的程序都是以单页的形式呈现，

但实际上架的APP多不只一页，

那要如何从A页跳至B页?

这问题就交由今天的主题"跳页"来学习。

在探讨如何跳页之前，首先必须学会如何建立新页面。

Step1 - 左侧Project右键 ▶ New ▶ Activity ▶ Empty Activity

Step2 - 更改Activity Name，本范例改为Page2後按下Finish即建立完成

▲ New Activity完成後新增了activity_page2及Page2.java

回到activity_main.xml，我们新增一个负责跳页的按钮及TextView显示Page

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/ToPage2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="跳页"
        android:textSize="25sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="100dp"
        android:text="Page1"
        android:textSize="25sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

在activity_page2.xml的部分，同样新增一个Button与TextView

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Page2">

    <Button
        android:id="@+id/ToPage1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="跳页"
        android:textSize="25sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="100dp"
        android:text="Page2"
        android:textSize="25sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

在Java程序的部分，我们为Button建立触发事件，

触发事件的内容为Page1跳至Page2、Page2跳至Page1，

而跳页的语法如下：

Intent intent = new Intent(此Activity.this, 欲跳至的Activity.class);
startActivity(intent);

加入跳页後，

MainActivity.java完整的程序码如下

package com.example.intent;

import androidx.appcompat.app.AppCompatActivity;

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

public class Page2 extends AppCompatActivity {
    private Button ToPage1;

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

       ToPage1 = findViewById(R.id.ToPage1);

       ToPage1.setOnClickListener(new View.OnClickListener() {
           @Override
           public void onClick(View v) {
               Intent intent = new Intent(Page2.this, MainActivity.class);
               startActivity(intent);
           }
       });
    }
}

Page2.java完整的程序码如下

package com.example.intent;

        import androidx.appcompat.app.AppCompatActivity;

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

public class Page2 extends AppCompatActivity {
    private Button ToPage1;

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

        ToPage1 = findViewById(R.id.ToPage1);

        ToPage1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(Page2.this, MainActivity.class);
                startActivity(intent);
            }
        });
    }
}

执行後点击中央的Button，页面将随之转换