Créez votre propre application Android pour l'apprentissage Java

• Concernant le contenu de l'article, nous envisageons de le transférer sur le blog Hatena.

Quel genre d'application

Mon fils aîné faisait quelque chose appelé "Orikouchokin" dans une classe maternelle J'apprécie qu'il y ait quelque chose de bien quand ça s'accumule, alors J'ai décidé de créer ma propre application pour les enfants, comme une carte tampon qui gère les points. Je pense qu'il existe de nombreuses applications de ce type à rechercher, mais comme le but est d'apprendre, je vais créer la mienne.

Comment concevoir une carte tampon

Pour le moment, j'ai eu l'idée d'organiser ʻImageButton` dans un modèle de grille. Lorsque vous cliquez dessus, l'image du bouton est remplacée et il semble que vous tamponnez.

Placez le «TableLayout» à l'intérieur du «ConstraintLayout» par défaut.

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">

    <TableLayout
        android:layout_width="358dp"
        android:layout_height="569dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.493"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageButton
                android:id="@+id/imageButton1"
                android:layout_width="70dp"
                android:layout_height="70dp"
                android:background="@android:color/transparent"
                android:scaleType="centerInside"
                app:srcCompat="@drawable/kyouryu2" />

            <ImageButton
                android:id="@+id/imageButton2"
                android:layout_width="70dp"
                android:layout_height="70dp"
                android:background="@android:color/transparent"
                android:scaleType="centerInside"
                app:srcCompat="@drawable/kyouryu2" />

            <ImageButton
                android:id="@+id/imageButton3"
                android:layout_width="70dp"
                android:layout_height="70dp"
                android:background="@android:color/transparent"
                android:scaleType="centerInside"
                app:srcCompat="@drawable/kyouryu2" />

            <ImageButton
                android:id="@+id/imageButton4"
                android:layout_width="70dp"
                android:layout_height="70dp"
                android:background="@android:color/transparent"
                android:scaleType="centerInside"
                app:srcCompat="@drawable/kyouryu2" />

            <ImageButton
                android:id="@+id/imageButton5"
                android:layout_width="70dp"
                android:layout_height="70dp"
                android:background="@android:color/transparent"
                android:scaleType="centerInside"
                app:srcCompat="@drawable/kyouryu2" />
        </TableRow>

Maintenant, les 5 boutons sont alignés horizontalement. Pour le moment, pour faire environ 5x4, je vais décrire quatre autres morceaux de <TableRow> </ TableRow>. Ensuite, ce sera comme suit. L'image du bouton est un trikeratops psychédélique écrit par le fils aîné. (Les paramètres d'image des boutons seront décrits plus tard) Implémentez-le pour que cliquer sur Trikeratops le transforme en un brachyosaure psychédélique.

Bien qu'il s'agisse d'une carte tampon, il est étrange que l'image soit incluse depuis le début, alors je vais essayer de faire comme ça plus tard, J'espère que mon fils aîné appréciera le processus de création de l'application. </ font>