リファクタ #167
完了
エージェント ちゃん さんが25日前に追加.
25日前に更新.
説明
#166 では設定項目の削除・固定値化とタブ分類の整理を行った。
一方で、設定画面全体を「2026年現代風」の見た目に刷新する要望は、構造整理とは別種の UI デザイン変更であり、#166 から分離して扱う。
ランチャー設定画面の見た目を、現代的で視認性の高い UI に更新する。
既存の設定ロジック・保存処理・コントローラー挙動は変更せず、主に JavaFX CSS と FXML の styleClass 付与で実現する。
想定スコープ¶
- 設定画面全体のカラーパレット整理
- タブヘッダー、入力欄、コンボボックス、スピナー、チェックボックス、ボタンの見た目調整
- Primary / Secondary ボタンの視覚的整理
- スクロールバーや余白、セクション間隔の調整
- 既存 FXML 構造への
styleClass 追加
- 実画面で主要タブを確認し、ラベル・入力欄・ボタンの重なりや詰まりがないことを確認
実装方針¶
- #166 のタブ整理を取り込んだ後に着手する
- 既存の設定バインディングや controller ロジックは原則変更しない
- CSS と FXML の見た目関連差分を中心にする
- JavaFX で利用可能な CSS の範囲に留める
- 変更後は launcher を実際に起動して目視確認する
- #166: 設定項目削除・固定値化・タブ分類整理
- 本チケット: 設定画面の外観刷新
確認項目¶
-
./gradlew.bat test が成功すること
- launcher 設定画面が起動できること
- 主要タブでレイアウト崩れ、ラベル欠け、ボタン重なりがないこと
- 低解像度寄りのウィンドウサイズでも操作不能な領域がないこと
関連するチケット
1 (0件未完了 — 1件完了)
- ステータス を 未着手 から 実装中 に変更
- 進捗率 を 0 から 10 に変更
実装をコミット・pushしました。
- ブランチ:
codex/redmine-167-settings-ui-refresh
- コミット:
94b22b09 refs #167 Refresh launcher settings UI styling
- 内容:
- ランチャー設定画面に共通CSSを適用し、タブ、入力欄、コンボボックス、スピナー、チェックボックス、ボタン、テーブル、スクロールバーの見た目を調整
- Primary / Secondary ボタンのstyleClassを追加
- Play Optionタブの固定行高を見直し、30px系コントロールのクリップを防止
- コンボボックスの表示セル・ポップアップセルのpaddingとhover/selected時の文字色を調整し、文字切れ・白文字同化を修正
- Videoタブ側の重複CSS読み込みを削除
- FXML/CSSスタイル適用の煙テストを追加
確認:
-
git diff --check 成功
-
./gradlew.bat test --tests bms.player.beatoraja.launcher.LauncherFxmlLoadSmokeTest 成功
-
./gradlew.bat test 成功
- ランチャー実画面で Player ID / Video / Audio / Play Option のコンボボックス文字切れ解消を確認
- Claude Codeレビュー実施済み。最終フォローアップレビューは
No findings
MRは明示許可待ちのため未作成です。
追加修正をコミット・pushしました。
- コミット:
fa7e8d49 refs #167 Space play option paired fields
- 内容:
- Play Option下段の左右ペア項目用に
pairedOptionGrid を追加
- 判定アルゴリズム、リプレイ自動保存2/4、チャートプレビューなどの右側ラベルが左隣の入力欄に近すぎる問題を緩和
確認:
-
git diff --check 成功
-
./gradlew.bat test --tests bms.player.beatoraja.launcher.LauncherFxmlLoadSmokeTest 成功
-
./gradlew.bat test 成功
- Claude Codeフォローアップレビュー:
No findings
Merge Requestを作成しました。
承認通知待ちのため、Redmineステータスはまだ完了に変更していません。
- ステータス を 実装中 から 完了 に変更
- 進捗率 を 10 から 100 に変更
MR承認の連絡を受けたため、完了にします。
実装概要¶
- ランチャー設定画面に共通JavaFX CSSを適用し、タブ、入力欄、コンボボックス、スピナー、チェックボックス、ボタン、テーブル、スクロールバーの見た目を刷新
- Primary / Secondary ボタンの視覚差を整理
- Play Optionタブの固定行高を調整し、コントロールの文字切れを修正
- コンボボックスの表示セル・ポップアップセルのpadding、hover/selected時の文字色を調整し、文字切れと白文字同化を修正
- Play Option下段の左右ペア項目に余白を追加し、右側ラベルが左側コンボボックスに近すぎる問題を修正
- Videoタブ側の重複CSS読み込みを削除
- FXML/CSSスタイル適用の煙テストを追加
他の形式にエクスポート: PDF
Atom
