# 機能設計書 180-TableAngledHeadersRow

## 概要

本ドキュメントは、ImGuiライブラリにおける`TableAngledHeadersRow`関数の機能設計を記載する。この関数は、角度付き（斜め）のヘッダー行を出力し、`ImGuiTableColumnFlags_AngledHeader`フラグが設定された列に対して斜めのテキストラベルを表示する。

### 本機能の処理概要

**業務上の目的・背景**：多くの列を持つテーブルでは、標準的な水平ヘッダーだと列幅が狭くなりすぎることがある。角度付きヘッダーは、列幅を節約しながら読みやすいヘッダーテキストを表示するために使用される。スプレッドシートやデータ分析ツールでよく見られるデザインパターンである。

**機能の利用シーン**：
- 多数の列を持つデータテーブルで列幅を最小化したい場合
- 短い列幅でも長いヘッダーテキストを表示したい場合
- デザイン性を重視したテーブルを作成する場合

**主要な処理内容**：
1. AngledHeaderフラグが設定された列の収集
2. 角度計算と行高さの決定
3. 斜めテキストの描画
4. ハイライト処理
5. 通常のヘッダー行（TableHeadersRow）との連携

**関連システム・外部連携**：テーブル描画システム、フォントレンダリングシステム

**権限による制御**：特になし。

## 関連画面

| 画面No | 画面名 | 関連種別 | 関連する操作・処理 |
|--------|--------|----------|------------------|
| 26 | Tables | 主画面 | 角度付きヘッダー行の出力 |

## 機能種別

UI描画機能

## 入力仕様

### 入力パラメータ

| パラメータ名 | 型 | 必須 | 説明 | バリデーション |
|-------------|-----|-----|------|---------------|
| なし | - | - | パラメータなし | - |

### 入力データソース

- ImGuiコンテキストのカレントテーブル
- TableSetupColumnで設定されたAngledHeaderフラグ
- g.Style.TableAngledHeadersAngle（角度設定）
- g.Style.TableAngledHeadersTextAlign（テキスト配置）

## 出力仕様

### 出力データ

| 項目名 | 型 | 説明 |
|--------|-----|------|
| 戻り値 | void | なし |

### 出力先

- テーブル内の角度付きヘッダー行（描画リスト）

## 処理フロー

### 処理シーケンス

```
1. カレントテーブルの取得
   └─ g.CurrentTableを参照
2. 角度付きヘッダーリクエストの収集
   └─ AngledHeaderフラグが設定された列をリストアップ
3. ハイライト列の決定
   └─ ホバー状態やコンテキストメニュー状態を確認
4. 各列のリクエストデータを構築
   ├─ 列インデックス
   ├─ テキスト色
   ├─ 背景色
   └─ ハイライト色
5. 内部関数で描画
   └─ TableAngledHeadersRowEx()を呼び出し
```

### フローチャート

```mermaid
flowchart TD
    A[開始] --> B[テーブル取得]
    B --> C[リクエスト配列初期化]
    C --> D[ハイライト列決定]
    D --> E[有効列をループ]
    E --> F{AngledHeader<br/>フラグ?}
    F -->|No| G{次の列<br/>あり?}
    F -->|Yes| H[リクエストデータ構築]
    H --> I[配列に追加]
    I --> G
    G -->|Yes| E
    G -->|No| J[TableAngledHeadersRowEx<br/>呼び出し]
    J --> K[終了]
```

## ビジネスルール

### 業務ルール

| ルールNo | ルール名 | 内容 | 適用条件 |
|---------|---------|------|---------|
| BR-180-01 | 最初の行として出力 | TableAngledHeadersRowは最初の行として呼び出す必要がある | CurrentRow == -1 |
| BR-180-02 | AngledHeaderフラグ必須 | AngledHeaderフラグが設定された列のみ処理される | 常に |
| BR-180-03 | NoHeaderLabel自動設定 | AngledHeaderフラグはNoHeaderLabelを自動的に含む | TableSetupColumn時 |

### 計算ロジック

行高さの計算:
```
angle = g.Style.TableAngledHeadersAngle  // ラジアン
header_height = g.FontSize + g.Style.CellPadding.x * 2
row_height = |rotate(max_label_width, header_height).y|
```

傾斜（スロープ）の計算:
```
AngledHeadersSlope = cos(angle) / sin(angle)  // sin(angle) != 0
```

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

該当なし

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| N/A | アサーション失敗 | BeginTable外で呼び出し | デバッグビルドで停止 |
| N/A | アサーション失敗 | 最初の行でない | デバッグビルドで停止 |

### リトライ仕様

該当なし

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

該当なし

## パフォーマンス要件

- O(n)の処理コスト（nはAngledHeader列の数）
- 複雑な描画処理があるため、通常のヘッダーより高コスト

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

特になし

## 備考

- TableHeadersRowの前に呼び出す（または単独で使用）
- 角度はスタイル設定で変更可能
- 通常のヘッダー行と組み合わせて使用できる

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | imgui_internal.h | `imgui_internal.h` | ImGuiTableHeaderData構造体 |
| 1-2 | imgui_internal.h | `imgui_internal.h` | ImGuiTableTempData.AngledHeadersRequests |

#### Step 2: エントリーポイントを理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | imgui.h | `imgui.h` | 909行目: 公開APIの宣言 |
| 2-2 | imgui_tables.cpp | `imgui_tables.cpp` | 3286-3318行目: TableAngledHeadersRow実装 |

**主要処理フロー**:
- **3288-3292行目**: 初期化とリクエスト配列準備
- **3294-3296行目**: ハイライト列の決定
- **3302-3313行目**: 各列のリクエストデータ構築
- **3317行目**: TableAngledHeadersRowEx呼び出し

#### Step 3: 内部描画関数を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | imgui_tables.cpp | `imgui_tables.cpp` | 3321行目以降: TableAngledHeadersRowEx実装 |

**主要処理フロー**:
- **3330-3337行目**: 角度計算
- **3341-3347行目**: 行高さとスロープの計算
- **3351-3361行目**: 行の開始と背景描画
- **3371行目以降**: 各ヘッダーの斜め描画

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

```
TableAngledHeadersRow()
    │
    ├─ [AngledHeader列のリストアップ]
    │      └─ AngledHeadersRequestsに追加
    │
    └─ TableAngledHeadersRowEx(row_id, angle, max_width, data, count)
           │
           ├─ TableGetHeaderAngledMaxLabelWidth()
           │      └─ 最大ラベル幅の計算
           │
           ├─ TableNextRow(Headers, row_height)
           │      └─ ヘッダー行の開始
           │
           ├─ [背景の描画]
           │      └─ AddRectFilled
           │
           ├─ ButtonBehavior(row_r, row_id)
           │      └─ インタラクション処理
           │
           └─ [各ヘッダーの斜め描画]
                  ├─ 背景描画（台形）
                  ├─ テキスト描画（回転）
                  └─ ボーダー描画
```

### データフロー図

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

g.CurrentTable ────────────────▶ ┌─────────────────────────┐
                                │ TableAngledHeadersRow()  │
TableSetupColumnの設定 ────────▶│   - 対象列収集          │ ────▶ [描画リスト]
                                │   - 角度計算            │
g.Style.TableAngledHeaders ───▶│   - 斜め描画            │ ────▶ [AngledHeadersHeight]
Angle/TextAlign                 │                         │
                                └─────────────────────────┘
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| imgui.h | `imgui.h` | ヘッダー | 公開API宣言 |
| imgui_internal.h | `imgui_internal.h` | ヘッダー | ImGuiTableHeaderData定義 |
| imgui_tables.cpp | `imgui_tables.cpp` | ソース | 実装本体 |
