# 機能設計書 66-FluentTheme

## 概要

本ドキュメントは、Avaloniaフレームワークにおける**FluentTheme**機能の設計仕様を記述する。FluentThemeは、Microsoft Fluent Design Systemに準拠したUIテーマを提供し、モダンなデザインのアプリケーション構築を可能にする。

### 本機能の処理概要

FluentThemeは、Avaloniaアプリケーションに適用可能な完全なテーマパッケージである。Stylesクラスを継承し、すべての標準コントロールに対するControlTheme、リソース、スタイルを含む。また、Normal（標準）とCompact（コンパクト）の2つの密度スタイルをサポートし、カラーパレットのカスタマイズも可能である。

**業務上の目的・背景**：現代のアプリケーション開発では、一貫性があり視覚的に魅力的なUIを効率的に構築することが求められる。FluentThemeは、Windows 11等で採用されているFluent Design Systemに準拠したテーマを提供し、開発者がゼロからデザインを構築することなく、プロフェッショナルなUIを実現できるようにする。

**機能の利用シーン**：
- Windowsアプリケーション風のUI構築
- モダンなデザインのクロスプラットフォームアプリケーション開発
- コンパクトなUIレイアウトが必要な場合（Compact密度）
- カスタムカラーパレットによるブランディング

**主要な処理内容**：
1. 全標準コントロールのControlTheme提供
2. ライト/ダークテーマバリアントのサポート
3. Normal/Compact密度スタイルの切り替え
4. ColorPaletteResourcesによるカラーカスタマイズ

**関連システム・外部連携**：FluentThemeはAvalonia.Themes.Fluentモジュールとして提供され、Avalonia.Controls、Styling、およびXAMLシステムと連携する。

**権限による制御**：特にアクセス権限による制御は行われない。

## 関連画面

| 画面No | 画面名 | 関連種別 | 関連する操作・処理 |
|--------|--------|----------|------------------|
| - | 全アプリケーション | 主機能 | Fluentスタイルの適用 |

## 機能種別

テーマパッケージ / スタイリング / リソース提供

## 入力仕様

### 入力パラメータ

| パラメータ名 | 型 | 必須 | 説明 | バリデーション |
|-------------|-----|-----|------|---------------|
| DensityStyle | DensityStyle | No | 密度スタイル（Normal/Compact） | デフォルトはNormal |
| Palettes | IDictionary<ThemeVariant, ColorPaletteResources> | No | カラーパレット設定 | - |

### 入力データソース

- XAML定義またはコードでのテーマインスタンス化
- カラーパレット設定

## 出力仕様

### 出力データ

| 項目名 | 型 | 説明 |
|--------|-----|------|
| Styles | IReadOnlyList<IStyle> | 適用されるスタイルコレクション |
| Resources | IResourceDictionary | テーマリソース |

### 出力先

- Application.Styles
- コントロールへの適用

## 処理フロー

### 処理シーケンス

```
1. FluentTheme初期化
   └─ AvaloniaXamlLoader.Loadでテーマリソース読み込み
2. CompactStylesの抽出
   └─ リソースから取り出して保持
3. Palettesの設定
   └─ ColorPaletteResourcesCollectionの取得
4. リソース検索時のDensityStyle判定
   └─ TryGetResourceオーバーライドで密度別リソース優先
5. DensityStyle変更通知
   └─ プロパティ変更時にOwnerへ通知
```

### フローチャート

```mermaid
flowchart TD
    A[FluentTheme初期化] --> B[XAMLリソース読み込み]
    B --> C[CompactStyles抽出]
    C --> D[ColorPaletteResources取得]
    D --> E[テーマ準備完了]
    E --> F[リソース検索]
    F --> G{DensityStyle=Compact?}
    G -->|Yes| H[CompactStylesを優先検索]
    G -->|No| I[通常リソース検索]
    H --> J{リソース発見?}
    J -->|Yes| K[リソース返却]
    J -->|No| I
    I --> L[ベースリソース検索]
    L --> M[結果返却]
```

## ビジネスルール

### 業務ルール

| ルールNo | ルール名 | 内容 | 適用条件 |
|---------|---------|------|---------|
| BR-66-01 | Compact優先検索 | DensityStyle=Compact時はCompactStylesを先に検索 | リソース検索時 |
| BR-66-02 | Palettes必須 | ColorPaletteResourcesCollectionが見つからない場合は例外 | 初期化時 |
| BR-66-03 | DensityStyle変更通知 | DensityStyle変更時はOwnerにリソース変更を通知 | プロパティ変更時 |

### 計算ロジック

- リソース優先順位: CompactStyles → 通常リソース → ベースリソース

## データベース操作仕様

本機能はデータベースを使用しない。

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| - | KeyNotFoundException | CompactStylesリソースが見つからない場合 | テーマXAMLを確認 |
| - | InvalidOperationException | ColorPaletteResourcesCollectionが見つからない場合 | テーマXAMLを確認 |

### リトライ仕様

リトライ処理は行わない。

## トランザクション仕様

本機能はトランザクションを使用しない。

## パフォーマンス要件

- テーマ読み込みは初期化時に1回のみ
- 密度スタイル切り替えは即座に反映

## セキュリティ考慮事項

特段のセキュリティ要件はない。

## 備考

- NuGetパッケージ: Avalonia.Themes.Fluent
- XAML定義: `<FluentTheme />`

---

## コードリーディングガイド

本機能を理解するために参照すべきファイルと、推奨する読み解き順序を以下に示す。

### 推奨読解順序

#### Step 1: データ構造を理解する

FluentThemeクラスの構造を理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | FluentTheme.xaml.cs | `src/Avalonia.Themes.Fluent/FluentTheme.xaml.cs` | Stylesを継承、DensityStyle、Palettes、TryGetResourceを確認 |

**読解のコツ**: FluentThemeはStylesを継承し、IResourceNodeも実装している。TryGetResourceをオーバーライドして密度スタイルの優先検索を実現。

**主要処理フロー (FluentTheme.xaml.cs)**:
1. **10-14行目**: DensityStyle列挙型の定義
2. **19行目**: Stylesを継承、IResourceNodeを実装
3. **21行目**: _compactStyles フィールド - Compact用リソース
4. **28-44行目**: コンストラクタ - XAML読み込み、CompactStyles抽出、Palettes取得
5. **46-47行目**: DensityStyleProperty - DirectProperty定義
6. **52-56行目**: DensityStyle プロパティ
7. **58行目**: Palettes プロパティ - テーマバリアント別カラーパレット
8. **60-68行目**: OnPropertyChanged - DensityStyle変更時のリソース通知
9. **70-80行目**: TryGetResource - 密度スタイル別リソース検索

#### Step 2: カラーパレットを理解する

カスタマイズ可能なカラーパレットの仕組みを理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | ColorPaletteResources.cs | `src/Avalonia.Themes.Fluent/ColorPaletteResources.cs` | カラー定義 |
| 2-2 | ColorPaletteResourcesCollection.cs | `src/Avalonia.Themes.Fluent/ColorPaletteResourcesCollection.cs` | テーマバリアント別コレクション |

#### Step 3: テーマXAMLを理解する

実際のスタイル定義を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | FluentTheme.xaml | `src/Avalonia.Themes.Fluent/FluentTheme.xaml` | テーマリソース定義 |
| 3-2 | Controls/*.xaml | `src/Avalonia.Themes.Fluent/Controls/` | 各コントロールのテーマ |

### プログラム呼び出し階層図

```
Application.Styles.Add(FluentTheme)
    │
    └─ FluentTheme コンストラクタ
           │
           ├─ AvaloniaXamlLoader.Load()
           │      │
           │      └─ FluentTheme.xaml読み込み
           │
           ├─ GetAndRemove("CompactStyles")
           │
           └─ ColorPaletteResourcesCollection取得
                  │
                  └─ Palettesプロパティに設定

リソース検索時
    │
    └─ IResourceNode.TryGetResource()
           │
           ├─ DensityStyle == Compact ?
           │      │
           │      └─ _compactStyles.TryGetResource()
           │
           └─ base.TryGetResource()
```

### データフロー図

```
[入力]                          [処理]                              [出力]

FluentTheme設定 ────────────▶ FluentTheme初期化 ────────────────▶ スタイルコレクション
    │                              │                                  │
    │ DensityStyle                 │ XAML読み込み                     │ ControlThemes
    │ Palettes                     │ CompactStyles抽出               │ Resources
    └──────────────────────────────┘                                  │
                                                                      ▼
                                                              Application.Styles
                                                                      │
                                                                      ▼
                                                              コントロールへの適用
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| FluentTheme.xaml.cs | `src/Avalonia.Themes.Fluent/FluentTheme.xaml.cs` | ソース | テーマクラス |
| FluentTheme.xaml | `src/Avalonia.Themes.Fluent/FluentTheme.xaml` | XAML | テーマリソース定義 |
| ColorPaletteResources.cs | `src/Avalonia.Themes.Fluent/ColorPaletteResources.cs` | ソース | カラーパレット |
| ColorPaletteResources.Properties.cs | `src/Avalonia.Themes.Fluent/ColorPaletteResources.Properties.cs` | ソース | カラープロパティ |
| ColorPaletteResourcesCollection.cs | `src/Avalonia.Themes.Fluent/ColorPaletteResourcesCollection.cs` | ソース | パレットコレクション |
| SystemAccentColors.cs | `src/Avalonia.Themes.Fluent/Accents/SystemAccentColors.cs` | ソース | システムアクセントカラー |
| Controls/*.xaml | `src/Avalonia.Themes.Fluent/Controls/` | XAML | 各コントロールテーマ |
| Styles.cs | `src/Avalonia.Base/Styling/Styles.cs` | ソース | 基底クラス |
