※注意）2023年6月以降のバージョンでは「Empty Views Activity」という名称に変わったようです

動画内では「EmptyActivity」と紹介していますが、新バージョンでは「Empty Views Activity」に名称が変わったようです

プログラミング言語kotlinで、簡単なタッチアプリを作ってみたいと思います。

同じタイトルで、以前作った解説動画がありますが
以前の動画がだいぶ古くなったので、そのリライト版です。

今回作るアプリの完成見本がこちらです。
今、AndroidStudioを起動して、エミュレータという、仮装実機を起動しています。

文字を表示させるTextViewっていうのがあって、
ボタンを３つ用意しています。

１つめが「いぬ」っていうボタン」
２つめが「ねこ」っていうボタン。
３つめが「クリア」っていうボタン。

で、このボタンを押すと、該当の文字がこのTextViewっていうところに表示されるという簡単なボタンタッチアプリです。

今回の主な学習のテーマは

●変数と代入　そして
●クリック処理　です

今回作るアプリは非常にシンプルなプログラムですが
どんどん高度になっても、複雑になってもですね、この代入とか、クリック処理っていうのは、難易度にかかわらず
ずっと使っていくものなので、是非頑張って覚えてください。

動画

※動画は解説しながらなので30分くらいありますが、作業だけだと15分で作れます

コード

▼activity_main.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?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">
 
 
    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:text="TextView"
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
 
    <Button
        android:id="@+id/btnDog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="32dp"
        android:text="いぬ"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv" />
 
    <Button
        android:id="@+id/btnCat"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ねこ"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btnDog" />
 
    <Button
        android:id="@+id/btnClear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="クリア"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btnCat" />
</androidx.constraintlayout.widget.ConstraintLayout>

▼MainActivity.kt

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
package com.example.touchapp
 
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.TextView
 
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
 
        //１）idを取得（Viewを取得しますよ、idで）
        val tx :TextView = findViewById(R.id.tv)
        val btn1 :Button = findViewById(R.id.btnDog)
        val btn2 :Button = findViewById(R.id.btnCat)
        val btn3 :Button = findViewById(R.id.btnClear)
 
        //２）クリック処理
        btn1.setOnClickListener {
            tx.text = "いぬ"
        }
 
        btn2.setOnClickListener {
            tx.text = "ねこ"
        }
 
        btn3.setOnClickListener {
            tx.text ="・・・"
        }
    }
}

テキスト

以下準備中

カテゴリー
プログラミング

コメントを残す

前の記事
【WordPress】簡易移転のチェック項目
2023年2月13日
次の記事
【HEICが開けない！？】JPG変換のwebサービス
2023年2月21日