はじめに

前回Android入門 Hello World編を書いたので、今回はHello World以外の出力をしてみたいと思います。

記事の対象

Android入門者
Android開発してみたい人
前回の記事を読んだ方

TextViewとは

TextViewはテキスト表示するためのViewです。

前回の続きから書いていきましょう。

1. activity_main.xmlを確認

左側のディレクトリ構成を確認します。
app/res/layoutの中にactivity_main.xmlがあることがわかりますね。
基本的にレイアウトファイルはapp/res/layout下に配置していきます。

2. xmlを見てみる

上記の画像の右上のタブが今はDesignが指定されていますが、これをSplitにします。

この画面になっていると思います。

このTextViewの中にIDを付与してきます。

activity_main.xml

<TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

3. MainActivityを見てみる

app/java/{package_name}を見てみるとMainActivity.ktがあることがわかります。

こんな感じですね。
このonCreateメソッドの中で、Viewをいじっていきます。

MainActivity.kt

package com.example.helloworld

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.TextView

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val textView = findViewById<TextView>(R.id.textView)
        
        textView.text = "こんにちは、世界"
    }
}

val textView = findViewById<TextView>(R.id.textView)

この一文でxmlで定義したTextViewをActivity側で認識させます。

textView.text = "こんにちは、世界"

この一文で認識したTextViewに新しい文を追加します。

4. 実行

さぁ、実行してみましょう！
スタートボタンを押すとどうでしょう。

Hello Worldがこんにちは、世界に変わってますね。

まとめ

今回はTextViewを使って新しい文を表示させました。

動的に新しい文を表示させたい場合はこんな感じにすればOKですね。