Jetpack Compose Gallery

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は役立ちます。