Android Studio のエディタ領域には、Jetpack Compose で生産性を向上させるための機能があります。
ライブ テンプレート
Android Studio には Compose 関連の次のライブ テンプレートが用意されており、対応するテンプレートの略称を入力することで、コード スニペットをすばやく挿入して挿入できます。
comp
:@Composable
関数を設定するprev
: コンポーズ可能な関数@Preview
を作成するpaddp
:padding
修飾子を dp で追加するweight
:weight
修飾子を追加するW
、WR
、WC
: 現在のコンポーザブルをBox
、Row
、またはColumn
コンテナで囲む
ガターアイコン
ガターアイコンは、サイドバーにある行番号の横に表示されるコンテキスト アクションです。Android Studio では、デベロッパーのエクスペリエンスを向上させるために、Jetpack Compose 固有のガターアイコンがいくつか導入されています。
プレビューをデプロイする
@Preview
は、ガターアイコンからエミュレータまたは物理デバイスに直接デプロイできます。
カラー選択ツール
コンポーザブルの内部または外部で色が定義されている場合、プレビューがガターに表示されます。次のようにカラー選択ツールをクリックすると、色を変更できます。
画像リソース選択ツール
コンポーザブルの内部または外部でドローアブル、ベクター、画像が定義されている場合、プレビューがガターに表示されます。次のように画像リソース選択ツールをクリックして変更できます。
あなたへのおすすめ
- 注: JavaScript がオフになっている場合はリンクテキストが表示されます
- Compose レイアウトの基本
- Compose 修飾子
- リストとグリッド