【Android Studio】Number Puzzle 1回目

前回のTach The Numberを応用した1から24まで数字を並べるゲーム

(再生できなくなっていたので2024.1.26に修正しました)
今回はこれを製作段階順にアップしていきます

1. レイアウト(XML)作成
2. シャッフルして不可能配列でなければ表示
3. 数字をタップして移動
4. クリアチェック
5. シャッフルボタンと終了ボタン
6. 効果音をつける

今日は『レイアウト(XML)の作成』です

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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="wrap_content"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <Button
            android:id="@+id/shuffle"
            android:layout_width="0dp"
            android:layout_height="70dp"
            android:layout_weight="1"
            android:background="@drawable/circle_button"
            app:backgroundTint="@null"
            android:text="ｼｬｯﾌﾙ"
            android:textSize="22sp"></Button>
        <TextView
            android:id="@+id/textmsg1"
            android:layout_width="0dp"
            android:layout_height="100dp"
            android:layout_weight="4"
            android:gravity="center_vertical|center_horizontal"
            android:text="CLEAR!!"
            android:textColor="#FF5722"
            android:textSize="36sp" />
    </LinearLayout>
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="400dp">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/text0"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="0"
                    android:text="0"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text1"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="1"
                    android:text="1"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text2"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="2"
                    android:text="2"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text3"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="3"
                    android:text="3"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text4"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="4"
                    android:text="4"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/text5"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="5"
                    android:text="5"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text6"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="6"
                    android:text="6"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text7"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="7"
                    android:text="7"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text8"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="8"
                    android:text="8"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text9"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="9"
                    android:text="9"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/text10"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="10"
                    android:text="10"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text11"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="11"
                    android:text="11"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text12"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="12"
                    android:text="12"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text13"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="13"
                    android:text="13"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text14"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="14"
                    android:text="14"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/text15"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="15"
                    android:text="15"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text16"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="16"
                    android:text="16"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text17"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="17"
                    android:text="17"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text18"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="18"
                    android:text="18"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text19"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="19"
                    android:text="19"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/text20"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="20"
                    android:text="20"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text21"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="21"
                    android:text="21"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text22"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="22"
                    android:text="22"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text23"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="23"
                    android:text="23"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
                <TextView
                    android:id="@+id/text24"
                    android:layout_width="0dp"
                    android:layout_height="70dp"
                    android:layout_margin="5dp"
                    android:layout_weight="1"
                    android:background="@color/puzzle5"
                    android:clickable="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:onClick="onNumberTap"
                    android:tag="24"
                    android:text="24"
                    android:textAppearance="@style/TextAppearance.AppCompat.Button"
                    android:textColor="@android:color/white"
                    android:textSize="36sp"
                    android:textStyle="bold" />
            </LinearLayout>
        </LinearLayout>
    </FrameLayout>
    <Button
        android:id="@+id/btback"
        android:layout_width="100dp"
        android:layout_height="60dp"
        android:backgroundTint="#FFC107"
        android:layout_marginLeft="250dp"
        android:text="終了"
        android:textSize="24sp"></Button>
</LinearLayout>

レイアウト完成です
表示する数字が違うだけなのでほとんどコピペでできました