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

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.

environnement Langue nom de l'application
AndroidStudio4.0.1 Java OrikouChokin

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>

Paramètres d'image des boutons

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 image.png Si vous le placez ici, Android Studio le complétera lorsque vous entrerez "@" dans la propriété srcCompat de ʻImageButton. image.png Le bouton est maintenant Trikeratops.

SetOnClickListener pour un grand nombre de boutons

(J'écrirai plus demain)

Recommended Posts

Créez votre propre application Android pour l'apprentissage Java
Créez vos propres annotations Java
Créez votre propre encodage pour String.getBytes ()
Kotlin vs Java: quel langage de programmation choisir pour votre application Android
Livres utilisés pour apprendre Java
Créez votre propre requête de fonction Solr
Utilisez LocationAwareLogger pour votre propre enregistreur
Créez votre propre FW de persistance (Java)
Gérez vos propres annotations en Java
[Android] Créez une validation pour la saisie de la date!
[Android Studio] [Java] Mémos et liens d'apprentissage
Directives d'apprentissage pour le développement Android pour les ingénieurs iOS
Apprendre Java (0)
Java: essayez d'implémenter vous-même un formateur séparé par des virgules
Premiers pas pour l'apprentissage profond en Java
Comprenez l'interface java à votre manière
Utilisation du composant Talend (5) Créez votre propre composant
Créer une application TODO dans Java 7 Créer un en-tête
Apprendre pour la première fois java [Introduction]
Comment créer votre propre annotation en Java et obtenir la valeur
[Azure] J'ai essayé de créer une application Java pour la création d'applications Web gratuites - [Débutant]
Spécifier les options de compilation Java / Kotlin pour les applications Android
9 meilleurs sites pour apprendre Java par auto-apprentissage
J'ai créé une application Android pour le service MiRm
[Java] Créons un Minecraft Mod 1.14.4 [Introduction]
[Java] Créons un Minecraft Mod 1.16.1 [Introduction]
Créez votre propre utilitaire avec Thymeleaf avec Spring Boot
Obtenez votre numéro de version dans l'application Android
[Java] Créons un Minecraft Mod 1.14.4 [99. Mod output]
Application météo Android
Jour d'apprentissage Java 5
Créez une application Web parfaitement adaptée à l'apprentissage [Spring Boot + Thymeleaf + PostgreSQL]
IDE 2017 pour Java
Java pour instruction
java learning day 2
java learning day 1
[Java] Créons un Minecraft Mod 1.14.4 [0. Fichier de base]
[Java] Trier ArrayList avec des éléments de votre propre classe
[Java] Créons un Minecraft Mod 1.14.4 [4. Ajouter des outils]
Créer une image docker pour exécuter une application Java simple
Comment créer l'application Docker + Springboot (pour l'apprentissage de base)
[Java] Créons un Minecraft Mod 1.14.4 [5. Ajouter une armure]
[Java] Créons un Minecraft Mod 1.14.4 [édition supplémentaire]
[Java] Créons un Minecraft Mod 1.14.4 [6. Ajouter une recette]
[Java] Créons un Minecraft Mod 1.16.1 [Ajouter un élément]
[Java] Créons un Minecraft Mod 1.16.1 [Fichier de base]
[Java] Créons un Minecraft Mod 1.14.4 [1. Ajouter un élément]
Comment utiliser Truth (bibliothèque d'assertions pour Java / Android)
Mémo d'apprentissage lors de l'apprentissage de Java pour la première fois (mémo d'apprentissage personnel)
[Java] Créons un Minecraft Mod 1.14.4 [2. Ajouter un bloc]
[Java] Créons un Minecraft Mod 1.16.1 [Ajouter un bloc]