# 機能設計書 62-Style

## 概要

本ドキュメントは、Avaloniaフレームワークにおける**Style**機能の設計仕様を記述する。Styleは、セレクターベースでコントロールにプロパティ設定を適用するための宣言的なスタイリング機構を提供する。

### 本機能の処理概要

Styleは、CSSに類似したセレクター構文を使用して、特定の条件に合致するコントロールにプロパティ値を設定する機能である。スタイルはSetterとAnimationを含み、コントロールの外観と動作を宣言的に定義できる。

**業務上の目的・背景**：UIアプリケーション開発において、一貫したビジュアルデザインを維持し、テーマの適用やカスタマイズを容易にするためには、スタイリング機構が不可欠である。Styleは、個々のコントロールに直接プロパティを設定する代わりに、再利用可能なスタイル定義を作成し、条件に基づいて複数のコントロールに一括適用することを可能にする。これにより、コードの重複を減らし、メンテナンス性を向上させる。

**機能の利用シーン**：
- アプリケーション全体のテーマ定義（色、フォント、マージン等）
- 特定の状態（:hover, :pressed, :disabled等）でのコントロール外観変更
- コントロールの種類や名前に基づく選択的スタイル適用
- ネストされたスタイルによる階層的なスタイル定義

**主要な処理内容**：
1. Selectorによるターゲットコントロールのマッチング判定
2. Setterを通じたプロパティ値の適用
3. Animationの適用（オプション）
4. 子スタイルの管理と適用
5. リソースディクショナリの管理

**関連システム・外部連携**：StyleはAvalonia.Base.Stylingモジュール内で実装され、ControlTheme、Selector、SetterBase、およびAnimationシステムと密接に連携する。

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

## 関連画面

| 画面No | 画面名 | 関連種別 | 関連する操作・処理 |
|--------|--------|----------|------------------|
| - | 全コントロール | 主機能 | スタイル定義によるプロパティ設定 |
| 57 | Theme Variants | 主機能 | テーマバリアントのデモ。ライト・ダーク等のテーマ切り替え |

## 機能種別

スタイリング / プロパティ設定 / テーマ管理

## 入力仕様

### 入力パラメータ

| パラメータ名 | 型 | 必須 | 説明 | バリデーション |
|-------------|-----|-----|------|---------------|
| Selector | Selector | No | スタイルが適用されるコントロールを選択するセレクター | TemplateSelector単独は不可 |
| Setters | IList<SetterBase> | No | 適用するプロパティ設定のリスト | - |
| Animations | IList<IAnimation> | No | 適用するアニメーションのリスト | - |
| Children | IList<IStyle> | No | 子スタイルのリスト | - |
| Resources | IResourceDictionary | No | スタイル固有のリソース | - |

### 入力データソース

- XAML定義またはコードでのスタイル構築
- 親スタイルまたはControlThemeからのネスト

## 出力仕様

### 出力データ

| 項目名 | 型 | 説明 |
|--------|-----|------|
| StyleInstance | ValueFrame | 適用されたスタイルのインスタンス |
| SelectorMatchResult | enum | マッチ結果（AlwaysThisType, AlwaysThisInstance, Sometimes, NeverThisType, NeverThisInstance） |

### 出力先

- ターゲットコントロールのValueStore

## 処理フロー

### 処理シーケンス

```
1. スタイルの定義
   └─ Selector, Setters, Animations, Childrenの設定
2. 親スタイルへの登録（SetParent）
   └─ ネスティングセレクターのバリデーション
3. コントロールへのアタッチ試行（TryAttach）
   └─ Selectorによるマッチング判定
4. マッチ成功時のスタイル適用（Attach）
   └─ StyleInstanceの生成とValueStoreへの登録
5. Setterのインスタンス化と適用
   └─ 各Setterの値をコントロールに設定
6. Animationの適用（存在する場合）
   └─ アニメーションの開始
```

### フローチャート

```mermaid
flowchart TD
    A[Style定義] --> B{親スタイルあり?}
    B -->|Yes| C[SetParent呼び出し]
    B -->|No| D[スタイル準備完了]
    C --> E{Selectorあり?}
    E -->|No| F[エラー: 子スタイルにはSelectorが必要]
    E -->|Yes| G[NestingSelectorバリデーション]
    G --> D
    D --> H[TryAttach呼び出し]
    H --> I{Setters/Animationsあり?}
    I -->|No| J[NeverThisType返却]
    I -->|Yes| K[Selector.Match実行]
    K --> L{マッチ結果}
    L -->|IsMatch = true| M[Attach呼び出し]
    L -->|IsMatch = false| N[結果返却]
    M --> O[StyleInstance生成]
    O --> P[Setterインスタンス化]
    P --> Q[ValueStoreに登録]
    Q --> R[Animation適用]
    R --> N
```

## ビジネスルール

### 業務ルール

| ルールNo | ルール名 | 内容 | 適用条件 |
|---------|---------|------|---------|
| BR-62-01 | 子スタイルセレクター必須 | 親スタイルにネストされた子スタイルはSelectorを持つ必要がある | 子スタイル追加時 |
| BR-62-02 | TemplateSelector制限 | TemplateSelector単独でのスタイル定義は不可（コントロールセレクターが後続必要） | Selector設定時 |
| BR-62-03 | ControlTheme内コンビネーター制限 | ControlTheme内のスタイルは直接ChildまたはDescendantセレクターを含めない | ControlTheme内 |
| BR-62-04 | NestingSelector必須 | 子スタイルのセレクターにはNestingSelector（^）が含まれる必要がある | ネストスタイル |

### 計算ロジック

- スタイルマッチ結果の決定: SelectorMatch.And() による複合条件評価
- 共有インスタンス判定: activatorがnullかつ全Setterが共有可能な場合

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

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

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| - | InvalidOperationException | 子スタイルにSelectorがない場合 | Selectorを設定する |
| - | InvalidOperationException | TemplateSelectorの後にコントロールセレクターがない場合 | コントロールセレクターを追加 |
| - | InvalidOperationException | 複数のTemplateSelectorがネストされている場合 | 単一のTemplateSelectorに修正 |
| - | InvalidOperationException | NestingSelectorが見つからない場合 | ^（ネスティングセレクター）を追加 |

### リトライ仕様

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

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

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

## パフォーマンス要件

- スタイルマッチングは効率的に実行される
- 共有可能なスタイルインスタンスはキャッシュされる

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

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

## 備考

- Styleは`<Style>`タグでXAMLに定義
- セレクター構文: `Button.myClass:hover /template/ Border#myBorder`

---

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

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

### 推奨読解順序

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

Styleクラスの基本構造と継承階層を理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | StyleBase.cs | `src/Avalonia.Base/Styling/StyleBase.cs` | 基底クラス。Children, Setters, Animations, Resourcesプロパティを確認 |
| 1-2 | Style.cs | `src/Avalonia.Base/Styling/Style.cs` | Selectorプロパティとバリデーション処理を確認 |

**読解のコツ**: StyleBaseはStyleとControlThemeの共通基盤。IStyle, IResourceProvider, IAddChildインターフェースを実装している。

**主要処理フロー (StyleBase.cs)**:
1. **23行目**: Children プロパティ - 子スタイルのリスト
2. **63行目**: Setters プロパティ - プロパティ設定のリスト
3. **64行目**: Animations プロパティ - アニメーションのリスト
4. **110-154行目**: Attach メソッド - スタイルインスタンスの生成と適用

**主要処理フロー (Style.cs)**:
1. **33-37行目**: Selector プロパティ - セレクターの取得・設定とバリデーション
2. **45-61行目**: SetParent メソッド - 親スタイル設定時のNestingSelector検証
3. **63-91行目**: TryAttach メソッド - スタイルのマッチングと適用試行

#### Step 2: スタイルマッチング処理を理解する

TryAttachメソッドの動作を詳細に理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | Style.cs | `src/Avalonia.Base/Styling/Style.cs` | TryAttachメソッドの処理フロー |
| 2-2 | Selector.cs | `src/Avalonia.Base/Styling/Selector.cs` | Matchメソッドの処理ロジック |

**主要処理フロー (Style.cs TryAttach)**:
1. **69行目**: HasSettersOrAnimationsチェック
2. **74-78行目**: Selector.Match呼び出し（セレクターの評価）
3. **82-85行目**: マッチ成功時のAttach呼び出し

#### Step 3: スタイルインスタンス化を理解する

Attachメソッドとスタイルインスタンスの生成処理を理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | StyleBase.cs | `src/Avalonia.Base/Styling/StyleBase.cs` | Attach メソッド |
| 3-2 | StyleInstance.cs | `src/Avalonia.Base/PropertyStore/StyleInstance.cs` | スタイルインスタンスの構造 |

**主要処理フロー (StyleBase.cs Attach)**:
1. **121-127行目**: 共有インスタンスのチェックと再利用
2. **129行目**: 新規StyleInstance生成
3. **131-138行目**: Setterのインスタンス化と追加
4. **141-142行目**: Animationの追加
5. **151行目**: ValueStoreへのフレーム登録

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

```
Style
    │
    ├─ SetParent(StyleBase parent)
    │      │
    │      └─ Selector.ValidateNestingSelector()
    │
    └─ TryAttach(StyledElement target, object host, FrameType type)
           │
           ├─ Selector.Match(target, Parent, subscribe)
           │      │
           │      └─ MatchUntilCombinator()
           │             │
           │             └─ Evaluate() [各セレクタータイプ]
           │
           └─ Attach(target, activator, type, canShare)
                  │
                  ├─ new StyleInstance()
                  │
                  ├─ setter.Instance() [各Setter]
                  │
                  ├─ ValueStore.AddFrame()
                  │
                  └─ instance.ApplyAnimations()
```

### データフロー図

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

Style定義 ─────────────────▶ Style.TryAttach() ──────────────▶ StyleInstance
    │                              │                                  │
    │ Selector                     │ Selector.Match()                 │ ValueFrame
    │ Setters                      │ Attach()                         │
    │ Animations                   │ setter.Instance()                │
    └──────────────────────────────┘                                  │
                                                                      ▼
                                                              ValueStore.AddFrame()
                                                                      │
                                                                      ▼
                                                              プロパティ値適用
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| Style.cs | `src/Avalonia.Base/Styling/Style.cs` | ソース | スタイル定義クラス |
| StyleBase.cs | `src/Avalonia.Base/Styling/StyleBase.cs` | ソース | スタイル基底クラス |
| Selector.cs | `src/Avalonia.Base/Styling/Selector.cs` | ソース | セレクター基底クラス |
| Selectors.cs | `src/Avalonia.Base/Styling/Selectors.cs` | ソース | セレクター拡張メソッド |
| SelectorMatch.cs | `src/Avalonia.Base/Styling/SelectorMatch.cs` | ソース | マッチ結果構造体 |
| SetterBase.cs | `src/Avalonia.Base/Styling/SetterBase.cs` | ソース | Setter基底クラス |
| Setter.cs | `src/Avalonia.Base/Styling/Setter.cs` | ソース | プロパティ設定クラス |
| StyleInstance.cs | `src/Avalonia.Base/PropertyStore/StyleInstance.cs` | ソース | スタイルインスタンス |
| ValueStore.cs | `src/Avalonia.Base/PropertyStore/ValueStore.cs` | ソース | プロパティ値ストア |
| IStyle.cs | `src/Avalonia.Base/Styling/IStyle.cs` | ソース | スタイルインターフェース |
