差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
| ハイハイスクールアドベンチャー_windows版 [2025/09/22 01:43] – [移植] araki | ハイハイスクールアドベンチャー_windows版 [2025/09/27 03:30] (現在) – [リソースファイルのコピー] araki | ||
|---|---|---|---|
| 行 30: | 行 30: | ||
| そのうち気が向いたらインストーラを作るかもしれません。</ | そのうち気が向いたらインストーラを作るかもしれません。</ | ||
| - | [[https:// | + | [[https:// |
| もし古いバージョンがインストールされていましたら、**お手数ですが、必ず、まず古いバージョンをアンインストールしてください**。 | もし古いバージョンがインストールされていましたら、**お手数ですが、必ず、まず古いバージョンをアンインストールしてください**。 | ||
| 行 622: | 行 622: | ||
| </ | </ | ||
| + | ==== スライドスイッチ風にしたい ==== | ||
| + | |||
| + | チェックボックスはいまどきつまらないよね。 | ||
| + | 見栄えを考えたらスライドスイッチ。 | ||
| + | |||
| + | AIに聞いたらスタイルでできるというのでやってみました。 | ||
| + | |||
| + | {{:: | ||
| + | |||
| + | まず、XAMLファイルで、スタイルを定義します。 | ||
| + | |||
| + | <code xml> | ||
| + | <!-- スライドスイッチ風 ToggleButton スタイル --> | ||
| + | <Style x: | ||
| + | <Setter Property=" | ||
| + | <Setter Property=" | ||
| + | <Setter Property=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <!-- 背景 --> | ||
| + | <Border x: | ||
| + | CornerRadius=" | ||
| + | Background=" | ||
| + | Height=" | ||
| + | <!-- ノブ --> | ||
| + | <Ellipse x: | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | </ | ||
| + | < | ||
| + | <Trigger Property=" | ||
| + | <Setter TargetName=" | ||
| + | <Setter TargetName=" | ||
| + | </ | ||
| + | <Trigger Property=" | ||
| + | <Setter TargetName=" | ||
| + | <Setter TargetName=" | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | そして、レイアウト用のXAMLファイルでこのスタイルを持つ ToggleButtonを作ります。 | ||
| + | |||
| + | <code xml> | ||
| + | <Grid Margin=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | スタイルだけでできるので簡単といえば簡単ですが、この程度のウィジェットは今どきデフォルトで用意してほしいですよね？ | ||
| + | |||
| + | ==== リソースファイルのコピー ==== | ||
| + | |||
| + | リソースファイルのコピーをするには、ソリューションエクスプローラから、リソースファイルを一個一個選んで、ビルド時にコピーする設定をいれるといいのですが、実はこの方法だと、リソースディレクトリに階層がある場合にはうまくいきません。 | ||
| + | 勝手に一階層に改変されてしまうのです。 | ||
| + | |||
| + | ハイハイスクールアドベンチャーの場合は、data/ | ||
| + | |||
| + | これを避けようと思ったら、プロジェクトファイル((.csproj))を直接いじって、下のような設定を入れることでディレクトリ構造丸ごとコピーしてくれるようになります。 | ||
| + | |||
| + | <code xml> | ||
| + | < | ||
| + | <!-- data 以下のすべてのファイルを対象にする --> | ||
| + | < | ||
| + | <!-- 出力先にコピーするルール --> | ||
| + | < | ||
| + | <!-- フォルダ構造を保持する --> | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||