カテゴリー:
Compose を用いた Android アプリ開発の基礎 ／ ユニット 1: 初めての Android アプリ
閲覧数:11 配信日:2024-10-15 17:39
Android Studio では、アプリを Android デバイスまたはエミュレータにインストールしなくても、コンポーズ可能な関数を IDE 内でプレビューできます。
アプリがどのように表示されるかについては、Android Studio の [Design] ペインでプレビューが可能です。
コンポーズ可能な関数は、プレビューするすべてのパラメータのデフォルト値を指定する必要があります。
このため、Greeting() 関数を直接プレビューすることはおすすめしません。
代わりに、別の関数（この場合は BirthdayCardPreview() 関数）を追加します。
この関数は、適切なパラメータで Greeting() 関数を呼び出します。
@Preview(showBackground = true)
@Composable
fun BirthdayCardPreview() {
HappyBirthdayTheme {
Greeting("Android")
}
}
ヒント: [Split] アイコンをクリックすると、コードとデザイン プレビューの両方が表示されます。
プレビューを表示するには:
1.BirthdayCardPreview() 関数で、Greeting() 関数の "Android" 引数を自分の名前に置き換えます。
@Preview(showBackground = true)
@Composable
fun BirthdayCardPreview() {
HappyBirthdayTheme {
Greeting("James")
}
}
2.プレビューが自動的に更新されます。
更新されたプレビューが表示されます。
重要: @Preview アノテーションを使用して BirthdayCardPreview() 関数に追加したコードは、Android Studio の [Design] ペインでのプレビュー専用です。これらの変更はアプリには反映されません。