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.
environnement | Langue | nom de l'application |
---|---|---|
AndroidStudio4.0.1 | Java | OrikouChokin |
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>
Placez les images utilisées dans l'application, telles que les Trikeratops mentionnés ci-dessus, aux emplacements suivants du projet.
AndroidStudioProjects\OrikouChokin\app\src\main\res\drawable
Si vous le placez ici, Android Studio le complétera lorsque vous entrerez "@"
dans la propriété
srcCompat de ʻImageButton
.
Le bouton est maintenant Trikeratops.
SetOnClickListener
pour un grand nombre de boutons(J'écrirai plus demain)
Recommended Posts