RPSapp

プロジェクト設定内容

項目名

Name

Package name

Save location

Language

Minumum API level

This project will support instant apps

Use android.* artifacts

設定

number_RPSapp

com.number.rpsapp

自身の作業ディレクトリ

Kotlin

API 23: Android 6.0 (Marshmallow)

unchecked

checked (default)

制約

UI について

rock: グー, paper: パー, scissors: チョキはそれぞれ ImageButton を用いること
勝敗判定結果画面にて「プレイヤー手」「CPU の手」を表示する際は ImageView を用いること

ImageButton の挙動について

各 ImageButton (rock: グー, paper: パー, scissors: チョキ) がタップされたときの処理をつぎに示す。

CPU の出す手をランダムに生成する
勝敗判定を行う
1. 「あいこ」の場合
  1. MainActivity に画面遷移する（再度、手を選び直す）
2. 「勝ち」または「負け」の場合
  1. Intent に「プレイヤーの手」「CPU の手」「勝敗判定結果」を putExtra して、ResultActivity にパラメーターとして渡せるようにする
  2. ResultActivity に画面遷移する（勝敗を表示する）

ResultActivity の処理について

Intent から各値を取り出す
「プレイヤー手」「CPU の手」の情報から ImageView の表示を切り替える
「勝敗判定結果」から勝敗を表示する

勝敗判定について

計算で求めること。（AND 条件と IF のネストで実装しない）

Resources: drawable

画像ファイルのダウンロード

ImageButton および ImageView にセットする画像ファイルはここからダウンロードして、Resources の drawable に格納してください

出典元: じゃんけん用素材: LiveMaker 指南番で提供されているデータを再配布しています

DOWNLOAD

Resources: layout

activity_main.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=".MainActivity">

    <TextView

        android:id="@+id/textView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginBottom="24dp"

        android:text="@string/rps_label"

        android:textAppearance="@style/TextAppearance.AppCompat.Large"

        app:layout_constraintBottom_toTopOf="@+id/btnPaper"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent" />

    <ImageButton

        android:id="@+id/btnRock"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toStartOf="@+id/btnPaper"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:srcCompat="@drawable/rock"

        android:contentDescription="@string/rock_button" />

    <ImageButton

        android:id="@+id/btnPaper"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toStartOf="@+id/btnScissors"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toEndOf="@+id/btnRock"

        app:layout_constraintTop_toTopOf="parent"

        app:srcCompat="@drawable/paper"

        android:contentDescription="@string/paper_button"/>

    <ImageButton

        android:id="@+id/btnScissors"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toEndOf="@+id/btnPaper"

        app:layout_constraintTop_toTopOf="parent"

        app:srcCompat="@drawable/scissors"

        android:contentDescription="@string/scissors_button" />

    <Button

        android:id="@+id/btnRate"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        android:text="@string/rate_button"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

activity_result.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=".ResultActivity">

    <ImageView

        android:id="@+id/imgPlayer"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:contentDescription="@string/your_hand_description"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toStartOf="@+id/imgCpu"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:srcCompat="@drawable/rock" />

    <ImageView

        android:id="@+id/imgCpu"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:contentDescription="@string/cpu_hand_description"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toEndOf="@+id/imgPlayer"

        app:layout_constraintTop_toTopOf="parent"

        app:srcCompat="@drawable/rock" />

    <TextView

        android:id="@+id/txtResult"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginBottom="24dp"

        android:textAppearance="@style/TextAppearance.AppCompat.Large"

        app:layout_constraintBottom_toTopOf="@+id/imgPlayer"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        tools:text="You WIN!" />

    <TextView

        android:id="@+id/textView3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="8dp"

        android:text="@string/you_label"

        app:layout_constraintEnd_toEndOf="@+id/imgPlayer"

        app:layout_constraintStart_toStartOf="@+id/imgPlayer"

        app:layout_constraintTop_toBottomOf="@+id/imgPlayer" />

    <TextView

        android:id="@+id/textView4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="8dp"

        android:text="@string/cpu_label"

        app:layout_constraintEnd_toEndOf="@+id/imgCpu"

        app:layout_constraintStart_toStartOf="@+id/imgCpu"

        app:layout_constraintTop_toBottomOf="@+id/imgCpu" />

    <Button

        android:id="@+id/btnRate"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginEnd="8dp"

        android:layout_marginBottom="8dp"

        android:text="@string/rate_button"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent" />

    <Button

        android:id="@+id/btnRematch"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="24dp"

        android:text="@string/rematch_button"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/textView3" />

</androidx.constraintlayout.widget.ConstraintLayout>

activity_win_rate.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=".WinRateActivity">

    <TextView

        android:id="@+id/txtWinRate"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginBottom="16dp"

        android:textAppearance="@style/TextAppearance.AppCompat.Large"

        app:layout_constraintBottom_toTopOf="@+id/txtLoseRate"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        tools:text="Win: 100.0%" />

    <TextView

        android:id="@+id/txtLoseRate"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textAppearance="@style/TextAppearance.AppCompat.Large"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        tools:text="Lose: 100.0%" />

    <TextView

        android:id="@+id/txtDrawRate"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="16dp"

        android:textAppearance="@style/TextAppearance.AppCompat.Large"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/txtLoseRate"

        tools:text="Draw: 100.0%" />

    <TextView

        android:id="@+id/textView7"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginEnd="16dp"

        android:layout_marginBottom="16dp"

        android:text="@string/rate_label"

        app:layout_constraintBottom_toTopOf="@+id/txtWinRate"

        app:layout_constraintEnd_toStartOf="@+id/txtWinRate" />

    <Button

        android:id="@+id/btnRematch"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="24dp"

        android:text="@string/rematch_button"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.5"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/txtDrawRate" />

</androidx.constraintlayout.widget.ConstraintLayout>

strings.xml

<resources>

    <string name="app_name">RPSapp</string>

    <string name="rps_label">Rock-Paper-Scissors…</string>

    <string name="rock_button">rock</string>

    <string name="scissors_button">scissors</string>

    <string name="paper_button">paper</string>

    <string name="your_hand_description">your hand</string>

    <string name="cpu_hand_description">cpu hand</string>

    <string name="you_label">YOU</string>

    <string name="cpu_label">CPU</string>

    <string name="win_message">You WIN!</string>

    <string name="lose_message">You LOSE…</string>

    <string name="rate_label">Rate:</string>

    <string name="rate_button">rate</string>

    <string name="win_rate">Win: %1.2f%%</string>

    <string name="lose_rate">Lose: %1.2f%%</string>

    <string name="draw_rate">Draw: %1.2f%%</string>

    <string name="rematch_button">rematch</string>

</resources>

参考資料

評価ポイント

最低限

勝敗判定が正しく計算されること（AND 条件と IF のネストで判定していないこと）
Extras の識別子は「companion object」と「const val」を利用した定数で指定すること
画面遷移が正常に実装されていること（Activity のスタック管理ができていること。MainActivity が表示されている状態で「戻る」をタップしたらアプリが終了すること）

加点項目

必要に応じて、拡張関数やスコープ関数を使う
アプリを起動してからの「勝率」を計算し、表示用の画面（WinRateActivity）を作成する
戻るボタンのイベントを検知し、MainActivity へ戻るようにする（MainActivity で戻るボタンをタップしたときはアプリが終了）
「皇帝」と「奴隷」を追加する（画像は適当に追加してください）

皇帝: 基本、勝つ（ただし奴隷に負ける）

奴隷: 基本、負ける（ただし皇帝に勝つ）

Hint

ImageButton のクリックイベントは、普通の Button と同様に実装することができる（ただの「絵のついたボタン」）
ImageView の画像切替は setImageResource() を利用する

RPSapp Apk

仕様確認用 Apk ファイルのダウンロードはこちら

Apk をエミュレータで実行するには「Sample Apk の実行」を参照してください。