回答編集履歴

- 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に反映されています（この気持ちのよさのため、長いプロパティを書いたのです^^;

-

-

- すごい見にくくて申し訳ありませんが、１万字に圧縮するためです。

- App.xaml

- ```xaml

- <Application x:Class="Questions345835.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ShutdownMode="OnMainWindowClose" StartupUri="MainWindow.xaml">

- <Application.Resources>

- <DataTemplate x:Key="template">

- <DockPanel>

- <Ellipse Width="16" Height="16" Fill="{Binding Value}" />

- <TextBlock Margin="5,0" VerticalAlignment="Center" Text="{Binding Key}" />

- </DockPanel>

- </DataTemplate>

- </Application.Resources>

- </Application>

- ```

-

- MainWindow.xaml

- ```xaml

- <Window x:Class="Questions345835.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:l="clr-namespace:Questions345835" Width="800" Height="600" Left="200" Top="200">

- <Grid>

- <Grid.ColumnDefinitions>

- <ColumnDefinition />

- <ColumnDefinition />

- </Grid.ColumnDefinitions>

- <ItemsControl ItemsSource="{Binding Rectans}">

- <ItemsControl.ItemsPanel>

- <ItemsPanelTemplate>

- <Canvas Background="WhiteSmoke" />

- </ItemsPanelTemplate>

- </ItemsControl.ItemsPanel>

- <ItemsControl.ItemContainerStyle>

- <Style>

- <Setter Property="Canvas.Top" Value="{Binding Top}" />

- <Setter Property="Canvas.Left" Value="{Binding Left}" />

- </Style>

- </ItemsControl.ItemContainerStyle>

- <ItemsControl.ItemTemplate>

- <DataTemplate DataType="{x:Type l:Rectan}">

- <Rectangle Width="{Binding Width}" Height="{Binding Height}" Fill="{Binding Fill}" Stroke="{Binding Border}" StrokeThickness="5" />

- </DataTemplate>

- </ItemsControl.ItemTemplate>

- </ItemsControl>

- <DataGrid Grid.Column="1" AutoGenerateColumns="False" ItemsSource="{Binding Rectans}" SelectedItem="{Binding Current, Mode=TwoWay, TargetNullValue={x:Static CollectionView.NewItemPlaceholder}}" SelectionMode="Single">

- <DataGrid.Columns>

- <DataGridTextColumn Binding="{Binding Left}" Header="Left" />

- <DataGridTextColumn Binding="{Binding Top}" Header="Top" />

- <DataGridTextColumn Binding="{Binding Width}" Header="Width" />

- <DataGridTextColumn Binding="{Binding Height}" Header="Height" />

- <DataGridTemplateColumn Header="Border">

- <DataGridTemplateColumn.CellTemplate>

- <DataTemplate>

- <ComboBox ItemTemplate="{StaticResource template}" ItemsSource="{x:Static l:Choices.Colors}" SelectedValue="{Binding Border, UpdateSourceTrigger=PropertyChanged}" SelectedValuePath="Value" />

- </DataTemplate>

- </DataGridTemplateColumn.CellTemplate>

- </DataGridTemplateColumn>

- <DataGridTemplateColumn Header="Fill">

- <DataGridTemplateColumn.CellTemplate>

- <DataTemplate>

- <ComboBox ItemTemplate="{StaticResource template}" ItemsSource="{x:Static l:Choices.Colors}" SelectedValue="{Binding Fill, UpdateSourceTrigger=PropertyChanged}" SelectedValuePath="Value" />

- </DataTemplate>

- </DataGridTemplateColumn.CellTemplate>

- </DataGridTemplateColumn>

- </DataGrid.Columns>

- </DataGrid>

- </Grid>

- </Window>

- ```

-

- DetailView.xaml

- ```xaml

- <Window x:Class="Questions345835.DetailView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:l="clr-namespace:Questions345835" Title="DetailView" Width="300" Background="WhiteSmoke" Left="1000" ResizeMode="NoResize" SizeToContent="Height" Top="450">

- <StackPanel Margin="5" DataContext="{Binding Current}">

- <TextBlock Text="Left" />

- <TextBox Text="{Binding Left, UpdateSourceTrigger=PropertyChanged}" />

- <TextBlock Text="Top" />

- <TextBox Text="{Binding Top, UpdateSourceTrigger=PropertyChanged}" />

- <TextBlock Text="Width" />

- <TextBox Text="{Binding Width, UpdateSourceTrigger=PropertyChanged}" />

- <TextBlock Text="Height" />

- <TextBox Text="{Binding Height, UpdateSourceTrigger=PropertyChanged}" />

- <TextBlock Text="Border" />

- <ComboBox ItemTemplate="{StaticResource template}" ItemsSource="{x:Static l:Choices.Colors}" SelectedValue="{Binding Border, UpdateSourceTrigger=PropertyChanged}" SelectedValuePath="Value" />

- <TextBlock Text="Fill" />

- <ComboBox ItemTemplate="{StaticResource template}" ItemsSource="{x:Static l:Choices.Colors}" SelectedValue="{Binding Fill, UpdateSourceTrigger=PropertyChanged}" SelectedValuePath="Value" />

- </StackPanel>

- </Window>

- ```

-

- DefaultSetting.xaml

- ```xaml

- <Window x:Class="Questions345835.DefaultSetting" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:l="clr-namespace:Questions345835" xmlns:p="clr-namespace:Questions345835.Properties" Title="DefaultSetting" Width="300" Background="WhiteSmoke" Left="1000" ResizeMode="NoResize" SizeToContent="Height" Top="200">

- <StackPanel Margin="5">

- <Border Height="40" Margin="50,10" Background="{Binding SelectedItem.Value, ElementName=fill}" BorderBrush="{Binding SelectedItem.Value, ElementName=border}" BorderThickness="5" />

- <TextBlock Text="Border" />

- <ComboBox Name="border" ItemTemplate="{StaticResource template}" ItemsSource="{x:Static l:Choices.Colors}" SelectedValue="{Binding DefaultBorderColor, Source={x:Static p:Settings.Default}}" SelectedValuePath="Key" />

- <TextBlock Text="Fill" />

- <ComboBox Name="fill" ItemTemplate="{StaticResource template}" ItemsSource="{x:Static l:Choices.Colors}" SelectedValue="{Binding DefaultFillColor, Source={x:Static p:Settings.Default}}" SelectedValuePath="Key" />

- </StackPanel>

- </Window>

- ```

-

- ```C#

- 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<Rectan> Rectans { get; } = new ObservableCollection<Rectan>();

-

- // 今参照しているデータ(全データの中の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();

- }

- }