【WPF】Dictonaryの値をコンボボックスに表示できない、クラスを参照したい
退会済みユーザー
総合スコア0

Question

### 前提・実現したいこと初歩的な話で大変申し訳ないのですが、組み方が良く分からないので質問させてください。【WPF】Rectangleの線の色「Brushes.Red」などを、文字列で指定したい [https://teratail.com/questions/344646](https://teratail.com/questions/344646) 上記で頂いている「TN8001」様の回答をもとにデータをClassファイルに分けて他のxamlからも参照出来るようにしたいと思っています。 **・他から参照できるよう、NowData.csクラスに値を入れたい** 　Classを作成し、そこで値を共有(?)することは出来ています。　ただ、今回のは複雑だからか上手くいかず、コンボボックスに何も表示されません。 **・全部のxamlから参照できるDictionaryは作成できるのか** 　（コンボボックスの選択肢項目は共通なので、1つの場所で管理出来たらいいなと思っています）改変していますが、なぜコンボボックスに何も表示されないのか分からず手詰まりの状態です。コメントアウトしているところを、表示にしたり非表示にしたりしてテストしていました。たぶん初歩的な話なのだと思いますが、申し訳ありませんが教えて頂けると嬉しいです。 ### 発生している問題・エラーメッセージ ```xaml ``` ```C# using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace TEST1 { ///

/// MainWindow.xaml の相互作用ロジック ///

/// public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void BordColorC2_SelectionChanged(object sender, SelectionChangedEventArgs e) { var pair = (KeyValuePair)BordColorC2.SelectedItem; Rectan2.Stroke = pair.Value; } } } ``` ```cs //NowData.cs using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Media; namespace TEST1 { class NowData { public static string NowBordColor { get; set; } } //public static Dictionary Colors { get; } = // new Dictionary // { // {"Red", Brushes.Red }, // {"Blue", Brushes.Blue }, // {"Green", Brushes.Green }, // {"白", Brushes.White }, // {"黒", Brushes.Black }, // {"透明", Brushes.Transparent }, // }; } ``` ```App.xaml Transparent Red Blue Green White Black ``` ### 参考にさせて頂いているソース ```xaml Red Blue Green White Black NoColor ``` ```C# using System.Collections.Generic; using System.ComponentModel; using System.Windows; using System.Windows.Controls; using System.Windows.Media; namespace Questions344646 { public class DefaultData { public static string DefoBordColor { get => Properties.Settings.Default.DefaBordColor; set => Properties.Settings.Default.DefaBordColor = value; } public static string DefoBordColor2 { get => Properties.Settings.Default.DefaBordColor2; set => Properties.Settings.Default.DefaBordColor2 = value; } public static Dictionary Colors { get; } = new Dictionary { {"Red", Brushes.Red }, {"Blue", Brushes.Blue }, {"Green", Brushes.Green }, {"白", Brushes.White }, {"黒", Brushes.Black }, {"透明", Brushes.Transparent }, }; } public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); // xamlから逆算するとこうなっているってこと？？（ちょっと変わってますね^^; DataContext = new DefaultData(); } protected override void OnClosing(CancelEventArgs e) { Properties.Settings.Default.Save(); } private void BordColorC_SelectionChanged(object sender, SelectionChangedEventArgs e) { var name = BordColorC.SelectedItem.ToString(); try { var brush = (SolidColorBrush)new BrushConverter().ConvertFromString(name); Rectan.Stroke = brush; } catch { Rectan.Stroke = Brushes.Transparent; } } private void BordColorC2_SelectionChanged(object sender, SelectionChangedEventArgs e) { var pair = (KeyValuePair)BordColorC2.SelectedItem; Rectan2.Stroke = pair.Value; } } } ``` ### 補足情報（FW/ツールのバージョンなど） VisualStudio 2019 .NET Framework　4.5⇒4.7.2にバージョンアップ WPF C#　（※　WinFormではない）

Accepted Answer

tarokoさんのここ1月弱の質問は、すべて関連しているんですよね？ `Rectangle`の移動リサイズまで考えると、だいぶ先が長そうですね^^; > ・他から参照できるよう、NowData.csクラスに値を入れたいデータのもと（csv等から読む予定？）をどうやって表示するかを、MVVM的にやった場合の例です。 > ・全部のxamlから参照できるDictionaryは作成できるのか追加順を保持したいとのことなので、`OrderedDictionary`にしました（非ジェネリックなのでほんとにイヤなのですが^^; [OrderedDictionary クラス (System.Collections.Specialized) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.collections.specialized.ordereddictionary) 回答コードは３つのウィンドウがあります。 * メインウィンドウ `DataGrid`と`Canvas`。編集・追加と可視化（マウスでは動きませんよ？^^; * `DetailView`ウィンドウ 1件の詳細画面。編集も同期する。 * `DefaultSetting`ウィンドウ追加時デフォルト色の設定。`Properties.Settings`を直接読み書きする。基本的には親玉（`MainWindow`）がデータ（`ViewModel`）を保持し、欲しい人（`DetailView`）に参照を渡します。場合によっては`DefaultSetting`のように、staticで（`Properties.Settings`）アクセスしてもいいでしょう。 `INotifyPropertyChanged`を実装しているクラス（`Rectan`と`Properties.Settings`）のプロパティは、変更が即Viewに反映されています（この気持ちのよさのため、長いプロパティを書いたのです^^ すごい見にくくて申し訳ありませんが、１万字に圧縮するためです。 ```xml:App.xaml ``` ```xml:MainWindow.xaml

``` ```xml:DetailView.xaml ``` ```xml:DefaultSetting.xaml ``` ```cs using CommunityToolkit.Mvvm.ComponentModel; using System.Collections.ObjectModel; using System.Collections.Specialized; using System.ComponentModel; using System.Windows; using System.Windows.Media; namespace Questions345835 { // コンボボックスの選択肢クラス public static class Choices { // ValueTupleはフィールドなのでバインドできず、Tupleは共変？じゃない // OrderedDictionaryは非ジェネリックで悩ましい public static OrderedDictionary Colors { get; } = new OrderedDictionary { { "赤", Brushes.Red }, { "青", Brushes.Blue }, { "緑", Brushes.Green }, { "白", Brushes.White }, { "黒", Brushes.Black }, { "透明", Brushes.Transparent }, }; } // Rectangleの元データになるクラス値の変更があるのでINotifyPropertyChangedを実装 public class Rectan : ObservableObject { // なんだか長いですが変更通知のため仕方がありません。定型コードと割り切ってください^^; public double Left { get => _Left; set => SetProperty(ref _Left, value); } private double _Left; public double Top { get => _Top; set => SetProperty(ref _Top, value); } private double _Top; public double Width { get => _Width; set => SetProperty(ref _Width, value); } private double _Width; public double Height { get => _Height; set => SetProperty(ref _Height, value); } private double _Height; public Brush Border { get => _Border; set => SetProperty(ref _Border, value); } private Brush _Border; public Brush Fill { get => _Fill; set => SetProperty(ref _Fill, value); } private Brush _Fill; public Rectan() // 引数なしコンストラクタがないとDataGridで追加ができない { // とりあえず初期表示される値 (Left, Top, Width, Height) = (100, 100, 100, 100); // デフォルトで入れたいデータ（Settings.settings）は直読み Border = (Brush)Choices.Colors[Properties.Settings.Default.DefaultBorderColor]; Fill = (Brush)Choices.Colors[Properties.Settings.Default.DefaultFillColor]; } } public class ViewModel : ObservableObject { // 全データ public ObservableCollection Rectans { get; } = new ObservableCollection(); // 今参照しているデータ(全データの中の1行分のデータ） public Rectan Current { get => _Current; set => SetProperty(ref _Current, value); } private Rectan _Current; public ViewModel() { // ファイルから読んでRectansに追加する等。とりあえず1件あったことにする Rectans.Add(new Rectan()); } } public partial class MainWindow : Window { // 場合によってはpublic staticで見せてもまあいいでしょう^^; //public static ViewModel VM { get; } public MainWindow() { InitializeComponent(); var vm = new ViewModel(); // すべてのデータのもと newは1回だけ DataContext = vm; new DefaultSetting().Show(); new DetailView { DataContext = vm, }.Show(); // ほしい人がいたら渡す } protected override void OnClosing(CancelEventArgs e) => Properties.Settings.Default.Save(); } } ``` ![Settings.settings](697b89d32ba951cec831fba3116518dd.png) ![アプリ画像](868366b616f38dc1be90f48c3b22206c.png) --- 実は`MouseDragElementBehavior`も試していたのですが、動的追加は未考慮（動かないわけではないがいろいろおかしい）のようでした。。。

Answer

サンプルを更新しました。以下のように動きます。

![イメージ説明](29fb6305f40d3a3d754a84f70cd7e6a9.gif)

[https://github.com/runceel/Teratail.Questions345835](https://github.com/runceel/Teratail.Questions345835)

なるべく元のコードを尊重したつもりです。変更点は以下のようになってます。

### 色情報の保持に関する変更

色の名前とブラシの対応付けをしたいようなので、NowData.cs に ColorInfo クラスを追加して、そこで色の名前とブラシの情報を持たせるようにしました。

```csharp
public class ColorInfo
{
    public ColorInfo(string name, Brush brush)
    {
        Name = name;
        Brush = brush;
    }
    public string Name { get; }
    public Brush Brush { get; }
}

```

NowData クラスで ColorInfo の配列としてコンボボックスに表示するデータを管理しています。また SelectedColor プロパティで選択された ColorInfo を管理するようにしています。
NowData クラスのインスタンスは static プロパティの Instance で管理して、MainWindow などの XAML からは、NowData の Instance プロパティを DataContext に設定することで状態の共有をしています。

```csharp
public class NowData : INotifyPropertyChanged // Binding 対応するために INofityPropertyChanged を実装
{
    // 今回はここの NowData の static 変数でデータを管理するようにしています。
    public static NowData Instance { get; } = new NowData();

    // Dictionary ではなく ColorInfo の配列にしました。
    public ColorInfo[] Colors { get; } = new ColorInfo[]
    {
        new ColorInfo("Red", Brushes.Red ),
        new ColorInfo("Blue", Brushes.Blue ),
        new ColorInfo("Green", Brushes.Green ),
        new ColorInfo("白", Brushes.White ),
        new ColorInfo("黒", Brushes.Black ),
        new ColorInfo("透明", Brushes.Transparent ),
    };

    // 選択された ColorInfo を保持するプロパティ
    private ColorInfo _colorInfo;
    public ColorInfo SelectedColor
    {
        get => _colorInfo;
        set
        {
            _colorInfo = value;
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(SelectedColor)));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
}
```

XAML の書き方は GitHub の方を見てください。

### Visual Studio で開く場合

Visual Studio Installer で .NET クロスプラットフォーム開発のチェックを入れると SDK Style のプロジェクトも開けるようになると思います。

![イメージ説明](396a8307c12d9e590ec4eeb327baf96e.png)

Answer

とりあえず元コードをそれっぽく動くようにしてみました。
でも、何を理解するためにこれを作っているのかわからないので最適かどうかはわかりません。

[https://github.com/runceel/Teratail.Questions345835](https://github.com/runceel/Teratail.Questions345835)

- 他から参照できるよう、NowData.csクラスに値を入れたい

恐らくやりたいことは「NowData クラスの `Dictionary<string, SolidColorBrush>` 型の静的プロパティの Colors にアプリケーション全体でグローバルにアクセスできる名前とブラシのペアを設定したい。」なのかなと理解しました。

Dictionary だと順序保障がない（追加した順番に要素が並ぶとは限らない）という特徴がありますが、そこらへんは大丈夫か心配になりました。


- 全部のxamlから参照できるDictionaryは作成できるのか

出来ます。

前提・実現したいこと

発生している問題・エラーメッセージ

参考にさせて頂いているソース

補足情報（FW/ツールのバージョンなど）

色情報の保持に関する変更

Visual Studio で開く場合

関連した質問