Skill.md検索

Jetpack Composeで流れるようなアニメーション効果を簡単に実装できます。MotionScheme.expressive()を設定するだけで、Material 3 Expressiveのモーション仕様に自動対応します。 形状のモーフィング（変形アニメーション）を活用した、洗練されたUI遷移を実現できます。 カラーロール（色の役割分け）を遵守することで、アクセシビリティ対応が自動的に適用されます。 Android 12以上でダイナミックカラー（壁紙から自動抽出した色）をサポートできます。 Elevationをトーナルカラーオーバーレイで表現し、Material 3 Expressiveガイドラインに準拠したUI層の表現ができます。 Jetpack Composeを使用してAndroidアプリのUI画面を開発するエンジニア 最新のMaterial Designガイドラインに準拠したアプリを作りたい開発者 アクセシビリティ対応を効率化したいプロダクト開発チーム ユーザー体験を重視した、アニメーション豊かなアプリを実装したい人 Material 3 Expressiveガイドラインに沿ったJetpack ComposeのUI実装を提供します。最小要件はminSdk 23以上、Material3 1.5.0-alpha以上で、@OptIn(ExperimentalMaterial3ExpressiveApi::class)の指定が必須です。テーマ設定ではMotionScheme.expressive()でモーション対応を有効化し、推奨コンポーネントとしてLoadingIndicator（5秒未満用）、ContainedLoadingIndicator、DockedToolbar（BottomAppBarの代替）、FloatingToolbar、FlexibleBottomAppBar（スクロール連動）を使用します。非推奨のBottomAppBarはDockedToolbarに、CircularProgressIndicator短時間用はLoadingIndicatorに置き換えます。ベストプラクティスとして、流れるようなアニメーション、形状モーフィング、カラーロール遵守、ダイナミックカラーサポート、トーナルカラーオーバーレイによるElevation表現を必須とします。