iT邦幫忙

2021 iThome 鐵人賽

DAY 28
0
Mobile Development

Android Studio 30天自我挑戰系列 第 28

[Android Studio 30天自我挑戰] CardView點擊後換頁

在Android studio中也有許多元件可以透過setOnClickListener來實現點擊後發生的事件,
不是只有CardView可以使用點擊,例如最常見的Button或是TextView都可以,
這篇要介紹的是如何換頁的功能!
延續上一篇的範例,按下相對應的CardView會進入下個頁面顯示完整資料
首先,先新增一個新的Activity畫面,
點右鍵左上角APP後New一個想要的頁面:
(如圖)
https://ithelp.ithome.com.tw/upload/images/20211012/20139258dlJQLR2082.png

接著在新增的xml檔裡面新增跳轉後的畫面:

<?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=".cardview1">

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="可麗露"
        android:textSize="40dp"
        android:textStyle="bold"
        app:layout_constraintBottom_toTopOf="@+id/imageView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="1.0" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="200dp"
        android:layout_height="200dp"
        app:layout_constraintBottom_toTopOf="@+id/textView2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:srcCompat="@drawable/coco" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="是一種小型的法式甜點,表層則是硬脆又厚實的褐色焦糖外殼,內部是半融化狀的蛋糕糊,散發著酒香和香草味。"
        android:textSize="30dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.603" />

</androidx.constraintlayout.widget.ConstraintLayout>

以此類推
其他的頁面都新增好後,打開MainActivity.java來設定點擊後換頁的功能
透過Intent的功能:
括號裡(前面是要從哪個class跳出去/後面是跳到哪個class)
intent.setClass(MainActivity.this,cardview1.class);

package com.example.itre;

import androidx.appcompat.app.AppCompatActivity;
import androidx.cardview.widget.CardView;

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

public class MainActivity extends AppCompatActivity {
    private CardView card1;
    private CardView card2;
    private CardView card3;
    private CardView card4;

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

        card1 = findViewById(R.id.card1);
        card2 = findViewById(R.id.card2);
        card3 = findViewById(R.id.card3);
        card4 = findViewById(R.id.card4);



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

        card2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent1 = new Intent();
                intent1.setClass(MainActivity.this,cardview2.class);
                startActivity(intent1);
            }
        });

        card3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent2 = new Intent();
                intent2.setClass(MainActivity.this,cardview3.class);
                startActivity(intent2);
            }
        });

        card4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent3 = new Intent();
                intent3.setClass(MainActivity.this,cardview4.class);
                startActivity(intent3);
            }
        });
    }
}

這樣就完成囉


上一篇
[Android Studio 30天自我挑戰] CardView點擊後顯示Toast
下一篇
[Android Studio 30天自我挑戰] Timer計時器練習
系列文
Android Studio 30天自我挑戰30

尚未有邦友留言

立即登入留言