Erstellen Sie Ihre eigene Android-App für das Java-Lernen

• In Bezug auf den Inhalt des Artikels erwägen wir, ihn auf den Hatena-Blog zu übertragen.

Was für eine App

Mein ältester Sohn machte in einem Kindergarten etwas namens "Orikouchokin" Ich genieße es, dass es etwas Gutes gibt, wenn es sich ansammelt Ich habe beschlossen, eine eigene App für Kinder zu erstellen, beispielsweise eine Stempelkarte, mit der Punkte verwaltet werden. Ich denke, es gibt viele solcher Apps, nach denen man suchen muss, aber da der Zweck das Lernen ist, werde ich meine eigenen machen.

So gestalten Sie eine Stempelkarte

Vorläufig kam mir die Idee, ImageButton in einem Raster anzuordnen. Wenn Sie darauf klicken, wird das Bild der Schaltfläche ersetzt und es sieht so aus, als würden Sie stempeln.

Platzieren Sie das "TableLayout" im Standard "ConstraintLayout".

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>

Jetzt sind die 5 Tasten horizontal ausgerichtet. Zur Zeit werde ich vier weitere Teile von " </ TableRow>" beschreiben, um es ungefähr 5x4 zu machen. Dann wird es wie folgt sein. Das Bild des Knopfes ist ein psychedelischer Trikeratop, der vom ältesten Sohn geschrieben wurde. (Schaltflächenbildeinstellungen werden später beschrieben) Es wird so implementiert, dass durch Klicken auf Trikeratops ein psychedelischer Brachyosaurier entsteht.

Obwohl es sich um eine Stempelkarte handelt, ist es seltsam, dass das Bild von Anfang an enthalten ist. Deshalb werde ich später versuchen, es so zu machen. Ich hoffe, mein ältester Sohn wird die Fertigstellung der App genießen. </ font>