Aesthetic Dialogs

AestheticDialogs をご紹介します ― Jetpack Compose 用のモダンなダイアログデザインシステムです。

AestheticDialogs は、Jetpack Compose で構築された Android アプリケーションに、美しく、一貫性があり、アクセシブルなダイアログを提供するオープンソースの UI ライブラリです。

公式ショーケースアプリでは、実際のインタラクティブなサンプルを通して、AestheticDialogs 2.0 コンポーネントライブラリ全体を体験できます。

### ✨ ダイアログシステムを体験する

さまざまなダイアログファミリーとそのバリエーションをご覧ください。

• 確認 ― 重要な操作や破壊的な操作の確認をユーザーに求めます。
• アラート ― 警告、エラー、情報、必要な操作などを伝えます。
• 選択 ― 検索機能を備えた単一選択と複数選択に対応しています。
• 入力 ― 検証機能を備えたテキスト入力とパスワード入力に対応しています。
• コンテンツ ― カスタムコンテンツのための柔軟なダイアログです。
• フィードバック ― 洗練されたフラットデザインとグラデーションデザインのフィードバックダイアログです。
• 通知 ― モーダルではないバナーと通知スタイルです。

すべてのサンプルは、実際の AestheticDialogs コンポーネントを使用して構築されています。


### 🎨 アプリに合わせて設計

AestheticDialogsは、テーマに依存しない設計になっています。

アプリケーションにMaterial Designのテーマを強制的に適用することはありません。色、タイポグラフィ、デザインシステムはそのまま維持され、AestheticDialogsは独自のセマンティックトークンとコンポーネントを提供します。

ライトテーマとダークテーマに対応し、色、タイポグラフィ、形状のカスタマイズオプションも用意されています。

### 🏗️ 本格的なデザインシステムとして構築

AestheticDialogs 2.0は、Jetpack Composeでゼロから完全に再構築されました。

そのアーキテクチャは、明確な役割分担に基づいています。

コンポーネント → バリアント → プリミティブ → トークン

その結果、関連性のないダイアログコンポーネントの集合体ではなく、保守性、拡張性、予測可能性に優れたUI基盤が実現しました。

### ♿ アクセシビリティを最優先

アクセシビリティは、後付けではなく、アーキテクチャの一部として組み込まれています。


AestheticDialogsは以下の機能をサポートしています。

• スクリーンリーダーのセマンティクス
• 適切なダイアログペインのタイトルと見出し
• アクセシブルな選択コントロール
• 通知用のライブリージョン
• 最小タッチターゲット
• 大きなフォントサイズ
• モーション低減設定

### ⚡ 最新のAndroid向けに設計

• Jetpack Compose
• 最小SDKバージョン24
• 軽量
• Material 3への強制依存なし
• アダプティブレイアウト
• ステートレスUIコンポーネント
• 明示的な状態とイベント処理
• ライトテーマとダークテーマ

### ❤️ オープンソース

AestheticDialogsはオープンソースであり、洗練されたUI、アクセシビリティ、保守性の高いアーキテクチャを重視するAndroid開発者向けに開発されています。

ショーケースをご覧いただき、様々なコンポーネントを試して、AestheticDialogs 2.0があなたの次のComposeアプリケーションにもたらす可能性をご確認ください。

AestheticDialogs 2.0 — システムとして設計されたダイアログ。