回答編集履歴

  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`）に参照を渡します。

 

 

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

  <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>

  <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>

  <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>

  <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>

  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();

  }

  

 

  

 

  ---

 

  実は`MouseDragElementBehavior`も試していたのですが、動的追加は未考慮（動かないわけではないがいろいろおかしい）のようでした。。。