Text Composable
文字列を表示し、基本設定を制御します。
「Text Composable」はCoddyKit上の無料Jetpack Compose Academyレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJetpack Compose Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Jetpack Compose Academyコースには全4レッスンが含まれています。
Text を使ってみる
Compose では、Text composable を使って画面に文字を表示します。ほぼすべての画面で使う、最も基本的な構成要素です。
文字列を渡す
Text に文字列を渡すと、すぐに描画されます。XML も findViewById も必要なく、表示したい内容を記述した関数を呼び出すだけです。
Text("Hello, Compose!")単なる関数である
Text は inflate するクラスではなく、composable 関数です。他の composable の中で、Kotlin の関数を呼び出すのと同じように呼び出します。🙂
Text を記述する場所
画面などの composable 関数の中に Text を記述します。Compose はコードを上から下へ読み取り、見つかった各要素を描画します。
@Composable
fun Greeting() {
Text("Welcome")
}デフォルトのスタイル
追加の引数を指定しない場合、Text はテーマの適切なデフォルト値を使用します。読みやすいサイズ、on-surface カラー、標準フォントが適用されます。
リソースの文字列を使う
実際のアプリでは、文字列をハードコードする代わりに stringResource から取得します。これにより、アプリを提供するすべての言語に翻訳できるようになります。
Text(stringResource(R.string.greeting))変数と組み合わせる
通常の Kotlin なので、Text に渡す前に変数やテンプレートから文字列を組み立てられます。ロジックと UI を一緒に記述できます。
val name = "Ada"
Text("Hi, " + name)1 つの画面に複数の Text
複数行が必要ですか。Text を複数回呼び出すだけです。各呼び出しは独立した要素なので、後から個別にスタイルを設定できます。
maxLines で整える
長いコンテンツには maxLines を設定して、ラベルが想定以上に高くならないよう制限できます。余分な行は描画されなくなります。
Text("A very long bio...", maxLines = 1)状態に反応する
渡した文字列が変わると、Text は自動的に再描画されます。更新メソッドを呼び出す必要はありません。Compose が値を追跡してくれます。
最初の文字を表示する
考え方はこれだけです。表示したいテキストを記述すると、Compose が描画します。より高度な表示も、基本的にはこの呼び出しに追加の引数を指定するだけです。
クイックチェック
Compose で挨拶を正しく表示する行はどれでしょうか。
まとめ
文字を表示する基本の composable である Text を学びました。文字列を渡し、テーマのデフォルト値を活用すると、値が変わるたびに再描画されます。🎉
AI チューターと学ぶ Kotlin — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 30
- レッスン
- 120
よくある質問
「Text Composable」レッスンは無料ですか？
はい。「Text Composable」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Jetpack Compose Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Jetpack Compose Academyコースには全4レッスンが含まれています。
「Text Composable」で何を学びますか？
文字列を表示し、基本設定を制御します。 ブラウザで直接実行するハンズオンコードでJetpack Compose Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Jetpack Compose Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJetpack Compose Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。
「Text Composable」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJetpack Compose Academyレッスンでコードを書いて実行できますか？
はい。すべてのJetpack Compose Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- Text Composable
- フォントサイズ、太さ、スタイル
- 色、配置、オーバーフロー
- AnnotatedString：装飾付きの混在テキスト