Jetpack Compose Galleryは、Jetpack ComposeとMaterial 3を使用してAndroid開発を行う開発者向けの実践的なリファレンスアプリです。
厳選されたコンポーネント、UIパターン、アニメーションのコレクションを閲覧できます。それぞれにライブのインタラクティブなプレビューと、プロジェクトに直接コピーできるKotlinソースコードが用意されています。
コンポーネント
ボタン、テキストフィールド、チップ、ラジオボタン、スイッチ、チェックボックス、スライダー、
バッジ、FAB、ナビゲーションバー、トップアプリバーなど。
UIパターン
カード、ダイアログ、スナックバー、プログレスインジケーター、リスト、ディバイダー、ツールチップ、
そしてMaterial 3のカラーパレットビューアも完備。
アニメーション
フェード、スライド、スケール、クロスフェード、animate*AsState、animateContentSize、
無限トランジション、SpringとTweenの仕様比較。
主な機能
ライブプレビュー ― すべてのコンポーネントはスクリーンショットではなく、完全にインタラクティブです。
ソースコードの表示 ― どの画面でも「コードを表示」をタップすると、正確なKotlinコードが表示されます。
クリップボードへのコピー ― ワンタップで任意のコードスニペットをコピーできます。
構文ハイライト ― Catppuccinテーマを使用した、色分けされたコードビューア。
検索 ― すべてのカテゴリからコンポーネントを瞬時に検索できます。
ダークモード ― ライトテーマとダークテーマに完全対応。
Material 3 ― 最新のMaterial Designガイドラインに完全準拠して構築されています。
使用ライブラリ
Jetpack Compose
Material 3
ナビゲーション Compose
Composeを初めて学ぶ方にも、次のアプリ開発中にクイックリファレンスをお探しの方にも、Compose Galleryは役立ちます。