Android Studio

「Hello World!」の文字を変更する

  /

「Hello World!」の文字を変更する

次に、せっかく「Hello World!」アプリが動いたので、その**「Hello World!」の文字を変更する**ところから始めてみましょう。これが、アプリのUI（ユーザーインターフェース）をデザインする基本的な一歩となります。

基本的な流れは以下の通りです。

レイアウトファイルの理解
Androidアプリの画面のデザインは、主にXMLファイルで定義されます。あなたのプロジェクトでは、「activity_main.xml」というファイルがこれにあたります。

テキストの変更
「activity_main.xml」を開き、そこに書かれている「Hello World!」というテキストを探して、好きな文字列に変更してみましょう。例えば「はじめてのAndroidアプリ」など。

アプリの再実行
変更を保存し、再度アプリをエミュレータで実行して、新しいテキストが表示されるか確認します。

プロジェクトテンプレートとして「Empty Activity」以外のものを選択したか、または最新のAndroid Studioで新しいプロジェクトのデフォルトテンプレートの場合、仕様が異なります。

MainActivityファイルにsetContentView がない場合、UIのレイアウトをXMLファイルで直接定義するのではなく、Compose という新しいUIツールキットを使っている可能性が高いです。ComposeはKotlinコードで直接UIを記述していくため、layout フォルダやXMLファイルは使われません。

もしComposeを使用している場合、MainActivity.kt の中に以下のようなコードブロックがあるはずです。

class MainActivity : ComponentActivity() { // または AppCompatActivity()
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent { // ここがポイント！
            YourAppNameTheme { // あなたのアプリのテーマ
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    Greeting("Android") // または別のComposable関数
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
        text = "Hello $name!", // ここでテキストが定義されているはず
        modifier = modifier
    )
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    YourAppNameTheme {
        Greeting("Android")
    }
}

このコードの中で、Greeting(“Android”) のような関数や、Text(text = “Hello $name!”) のような部分が見つかるはずです。

もしComposeを使っている場合

  1. MainActivity.kt を開く
    app > java > com.yourcompany.yourappname の下の MainActivity.kt ファイルを開きます。
  2. Text コンポーザブルを探す
    ファイルの中をスクロールして、@Composable アノテーションが付いた関数、特に Text というキーワードを探してください。
    おそらく Text(text = “Hello Android!”, …) のような行があるはずです。
  3. テキストを変更する
    text = “Hello Android!” の部分を、例えば text = “はじめてのAndroidアプリ” のように変更します。
  4. アプリを再実行する
    変更を保存し、ツールバーの緑色の再生ボタン（▶）をクリックしてアプリを再実行します。

これで、エミュレータに新しいテキストが表示されるはずです。

※Google AI Studioによる回答を参考にしました

目次に戻る