【はじめてのKotlinプログラミング(12)】Replayボタンで初期状態に戻す（intentとfinish）

前回、
プラスボタンを押して、スコアが５になるとゲームクリアになる
簡単なスコアアプリをつくりました。

今回はその続きです。
リプレイボタンを押すと、初期状態に戻って（onCreateの再読み込み）
もう一度最初からプレイできるようにしてみましょう。

結論から言うと、今回使うのはintentとfinish()なので、
過去の動画の復習と、ちょっとだけ応用になります。それでは始めていきましょう

動画

コード

▼activity_main.xml

▼MainActivity.kt

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
package com.example.fivescoreapp
 
import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.TextView
 
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
 
        val tvScore:TextView =findViewById(R.id.tvScore)
        val btnMinus:Button =findViewById(R.id.btnMinus)
        val btnPlus:Button =findViewById(R.id.btnPlus)
        var num = 0
 
        //１）+ボタンを押したら、スコアが１増える
        btnPlus.setOnClickListener {
            num++
 
            //３）スコア（num）が５になったらGameClear
            if(num==5){
                val intent = Intent(this,GameClear::class.java)
                startActivity(intent)
                finish()
            }else{
                //１）プラスしたスコアをテキストに表示
                tvScore.text = num.toString()
            }
        }
 
        //２）-ボタンを押したら、スコアが１減る
        btnMinus.setOnClickListener {
            num--
 
            //４）スコア（num）が-５になったらGameOver
            if(num==-5){
                val intent = Intent(this,GameOver::class.java)
                startActivity(intent)
                finish()
            }else{
                //１）マイナスしたスコアをテキストに表示
                tvScore.text = num.toString()
            }
        }
 
    }
}
▼activity_game_clear.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?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"
    android:background="#FFEB3B"
    tools:context=".GameClear">
 
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="GameClear"
        android:textSize="34sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
 
    <Button
        android:id="@+id/btnReplay"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="replay"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
▼GameClear.kt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package com.example.fivescoreapp
 
import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
 
class GameClear : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_game_clear)
 
        val btnReplay:Button =findViewById(R.id.btnReplay)
 
        //５)ボタンを押したらアクティビティを終了
        //５)'ボタンを押したらメインに渡す＆自アクティビティを終了
        btnReplay.setOnClickListener {
            val intent =Intent(this,MainActivity::class.java)
            startActivity(intent)
            finish()
        }
    }
}
▼activity_game_over.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?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"
    android:background="#87858A"
    tools:context=".GameOver">
 
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="GameOver"
        android:textSize="34sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
 
    <Button
        android:id="@+id/btnReplay"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="replay"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
▼GameOver.kt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
package com.example.fivescoreapp
 
import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
 
class GameOver : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_game_over)
 
        val btnReplay:Button=findViewById(R.id.btnReplay)
 
        //６)ボタンを押したらメインに渡す＆自アクティビティを終了
        btnReplay.setOnClickListener {
            val intent = Intent(this,MainActivity::class.java)
            startActivity(intent)
            finish()
        }
    }
}
テキスト
１）finish()でアクティビティを終了してみる
それでは始めていきましょう。

第7回の動画で、intentで渡した後に

finish()で、アクティビティを終了する、というのを解説しました。

ひとまず復習がてら、finish()でアクティビティを終了してみましょう。
と、その前に、ゲームクリア、ゲームオーバーともに

リプレイボタンだけ、とりあえず設置しておきます。
ゲームクリアのxmlを開いてください。

ボタンを追加して、左右は中央で、

上下は一番下でいいと思います。

テキストはreplayとかにしてあげて

idは、ボタンのリプレイという意味で

btnReplay

これでOKとしましょう。
ゲームオーバーも同じことをすればいいので

ゲームオーバーxmlを開いて

ボタンを追加

左右は中央

上下は一番した、

テキストはreplay

idもさっきと同じでいいので

btnReplay

とかにしておきます。
これでレイアウトができたので

まずクリア画面でリプレイボタンが押されたらfinishしてみましょう。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

▼finish()でアクティビティを終了してみる
それでは、ゲームクリアktで、リプレイボタンを押したら自身のアクティビティを終了するように

finish()を記述してみます。

GameClear_ktを開いてください。
まずviewを取得して

val btnReplay :Button = findViewById(R.id.btnReplay)
//５)ボタンを押したらアクティビティを終了

btnReplay.setOnClickListener {

finish()

}
ひとまずこれで、エミュレータを起動して確認してみましょう。
はい、こんな感じで、元には戻ったのですが

プレイ画面の途中ですよね。
解決の説明の前に、これは何故こうなるかという

intentの仕組みについて解説します。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
２．intentとfinishの仕組みについて
解決法の説明の前に、intentとfinishの仕組みについて解説します。
ザックリ言うと
●intentは、呼び出し元の上に画面を重ねる作業
●finish()は、該当の画面を外に出す作業
になります。


てことで、
[1]MainActivityは、intentの後にfinish()
[2]Replayボタンを押したら、intentでMainActivityを新たに呼び出す
これが一番シンプルに、初期状態に戻すやり方です。
３．GameClearでReplayボタンを設置しよう
はい、それでは実際に作業していきましょう。
やることは２つです。
-----------------------------

①メインアクティビティで、次の画面にintentで渡したら、自身は終了させたいのでfinishさせる。

②リプレイボタンは、ただアクティビティを終了させるんじゃなくメインに渡して、終了する。
-----------------------------
てことでMainActivityはこう（finish()を追加）
1
2
3
4
5
//３）スコア（num）が５になったらGameClear
            if(num==5){
                val intent = Intent(this,GameClear::class.java)
                startActivity(intent)
                finish()
でGameClear画面はこう(intentを追加)
1
2
3
4
5
6
7
8
//５)ボタンを押したらアクティビティを終了
//５)'ボタンを押したらメインに渡す＆自アクティビティを終了
val btnReplay :Button = findViewById(R.id.btnReplay)
 
btnReplay.setOnClickListener {
    val intent = Intent(this,MainActivity::class.java)
    startActivity(intent)
    finish()
４．GameOver画面も同じようにやったら終了