回答編集履歴

見直しキャンペーン中

2023/07/29 08:03

投稿

TN8001

スコア9862

test CHANGED Viewed

@@ -1,367 +1,184 @@
 > メインウィンドウのリストボックスアイテムをダブルクリックすると、テキストブロックにバインディングしてる値を取得してサブウィンドウに表示したいです。
 データバインディングを勉強されたのですね。前回よりだいぶ進んでいるようですね^^
 > ダブルクリックしたアイテムをToStringメソッドでstr変数に入れてサブウィンドウに入れようと思った
 何をバインディングしているかが不明ですが、`listBox.SelectedItem`自体は個々のアイテム（`check`や`textArray`プロパティがあるクラス）になっています。
 しかし`SelectedItem`は`object`のためキャストが必要です。
 [Selector.SelectedItem プロパティ (System.Windows.Controls.Primitives) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.primitives.selector.selecteditem?view=net-5.0)
 例えばこのような
-```C#
+```cs
 var item = listBox.SelectedItem as ToDoItem;
 var str = item?.Text;
 ```
 ---
 しかし`ListBox`自体の`MouseDoubleClick`ですと、何もない部分も反応してしまってあまり使い勝手がよくないです。
 `ListBoxItem`に`MouseDoubleClick`を付けるほうがおすすめです。
 サブウィンドウに表示するときもせっかくなのでバインディングしましょう。
 表示と言っていますが、実際は編集でしょうか？
 表示だけならいらないのですが、編集するとなると`INotifyPropertyChanged`を実装する必要があります（WPFでは最重要インターフェースです）
 回答では↓を使用しました。
 [NuGet Gallery | CommunityToolkit.Mvvm 7.0.3](https://www.nuget.org/packages/CommunityToolkit.Mvvm/7.0.3)
 [ObservableObject - Windows Community Toolkit | Microsoft Docs](https://docs.microsoft.com/ja-jp/windows/communitytoolkit/mvvm/observableobject)
 MainWindow
-```xaml
+```xml
 <Window
   x:Class="Questions368346.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Title="MainWindow"
   Width="800"
   Height="450">
   <Grid>
     <Grid.RowDefinitions>
       <RowDefinition Height="Auto" />
       <RowDefinition />
     </Grid.RowDefinitions>
     <!--  編集 こうしないのであればIsSynchronizedWithCurrentItemは不要  -->
     <TextBox Margin="5" Text="{Binding /Text, UpdateSourceTrigger=PropertyChanged}" />
     <ListBox
       x:Name="listBox"
       Grid.Row="1"
       Margin="5"
       Background="WhiteSmoke"
       IsSynchronizedWithCurrentItem="True"
       ItemsSource="{Binding}"
       SelectionMode="Single">
       <ListBox.ItemContainerStyle>
         <Style TargetType="ListBoxItem">
           <EventSetter Event="MouseDoubleClick" Handler="ListBoxItem_MouseDoubleClick" />
         </Style>
       </ListBox.ItemContainerStyle>
       <ListBox.ItemTemplate>
         <DataTemplate>
           <StackPanel Orientation="Horizontal">
             <CheckBox VerticalContentAlignment="Center" IsChecked="{Binding Check}" />
             <TextBlock Text="{Binding Text}" />
           </StackPanel>
         </DataTemplate>
       </ListBox.ItemTemplate>
     </ListBox>
   </Grid>
 </Window>
 ```
+```cs
+using System.Collections.ObjectModel;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Input;
+using CommunityToolkit.Mvvm.ComponentModel;
+namespace Questions368346
+{
+    class ToDoItem : ObservableObject
+    {
+        public string Text { get => _Text; set => SetProperty(ref _Text, value); }
+        private string _Text;
+        public bool Check { get => _Check; set => SetProperty(ref _Check, value); }
-```C#
+        private bool _Check;
+    }
-using System.Collections.ObjectModel;
+    public partial class MainWindow : Window
+    {
+        public MainWindow()
+        {
+            InitializeComponent();
+            DataContext = new ObservableCollection<ToDoItem>
+            {
+                new ToDoItem { Text = "aaa", },
+                new ToDoItem { Text = "bbb", },
+                new ToDoItem { Text = "ccc", },
+            };
+        }
+        private void ListBoxItem_MouseDoubleClick(object sender, MouseButtonEventArgs e)
+        {
+            if (sender is ListBoxItem listBoxItem)
+            {
+                if (listBoxItem.DataContext is ToDoItem item)
+                {
+                    var win1 = new Window1
+                    {
+                        Owner = this,
+                        // DataContextの個々のアイテムをセット
+                        // Window1でも <TextBox Text="{Binding Text}" /> のようにバインディングできる
+                        DataContext = item,
+                    };
+                    win1.addButton.Visibility = Visibility.Collapsed;
+                    win1.canButton.Visibility = Visibility.Collapsed;
+                    win1.okButton.Visibility = Visibility.Visible;
+                    // その場で書き換えてしまうので、もし編集のキャンセルが必要な場合はひと工夫必要
+                    win1.ShowDialog();
+                }
+            }
+        }
+    }
+}
+```
+SubWindow
+```xml
+<Window
+  x:Class="Questions368346.Window1"
+  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+  Title="SubWindow"
+  Width="400"
+  FocusManager.FocusedElement="{Binding ElementName=mainText}"
+  SizeToContent="Height"
+  WindowStartupLocation="CenterOwner">
+  <StackPanel Margin="5">
+    <TextBox x:Name="mainText" Margin="5,0" Text="{Binding Text}" />
+    <StackPanel HorizontalAlignment="Right" Orientation="Horizontal">
+      <StackPanel.Resources>
+        <Style TargetType="Button">
+          <Setter Property="MinWidth" Value="80" />
+          <Setter Property="Margin" Value="5" />
+        </Style>
+      </StackPanel.Resources>
+      <Button x:Name="addButton" Content="追加" />
+      <Button x:Name="okButton" Content="OK" IsDefault="True" Click="OkButton_Click" />
+      <Button x:Name="canButton" Content="キャンセル" IsCancel="True" />
+    </StackPanel>
+  </StackPanel>
+</Window>
+```
+```cs
 using System.Windows;
-using System.Windows.Controls;
-using System.Windows.Input;
-using CommunityToolkit.Mvvm.ComponentModel;
 namespace Questions368346
 {
-    class ToDoItem : ObservableObject
+    public partial class Window1 : Window
     {
-        public string Text { get => _Text; set => SetProperty(ref _Text, value); }
-        private string _Text;
-        public bool Check { get => _Check; set => SetProperty(ref _Check, value); }
-        private bool _Check;
-    }
-    public partial class MainWindow : Window
-    {
-        public MainWindow()
-        {
-            InitializeComponent();
-            DataContext = new ObservableCollection<ToDoItem>
-            {
-                new ToDoItem { Text = "aaa", },
-                new ToDoItem { Text = "bbb", },
-                new ToDoItem { Text = "ccc", },
-            };
-        }
-        private void ListBoxItem_MouseDoubleClick(object sender, MouseButtonEventArgs e)
-        {
-            if (sender is ListBoxItem listBoxItem)
-            {
-                if (listBoxItem.DataContext is ToDoItem item)
-                {
-                    var win1 = new Window1
-                    {
-                        Owner = this,
-                        // DataContextの個々のアイテムをセット
-                        // Window1でも <TextBox Text="{Binding Text}" /> のようにバインディングできる
-                        DataContext = item,
-                    };
-                    win1.addButton.Visibility = Visibility.Collapsed;
-                    win1.canButton.Visibility = Visibility.Collapsed;
-                    win1.okButton.Visibility = Visibility.Visible;
-                    // その場で書き換えてしまうので、もし編集のキャンセルが必要な場合はひと工夫必要
-                    win1.ShowDialog();
-                }
-            }
-        }
-    }
-}
-```
-SubWindow
-```xaml
-<Window
-  x:Class="Questions368346.Window1"
-  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-  Title="SubWindow"
-  Width="400"
-  FocusManager.FocusedElement="{Binding ElementName=mainText}"
-  SizeToContent="Height"
-  WindowStartupLocation="CenterOwner">
-  <StackPanel Margin="5">
-    <TextBox x:Name="mainText" Margin="5,0" Text="{Binding Text}" />
-    <StackPanel HorizontalAlignment="Right" Orientation="Horizontal">
-      <StackPanel.Resources>
-        <Style TargetType="Button">
-          <Setter Property="MinWidth" Value="80" />
-          <Setter Property="Margin" Value="5" />
-        </Style>
-      </StackPanel.Resources>
-      <Button x:Name="addButton" Content="追加" />
-      <Button x:Name="okButton" Content="OK" IsDefault="True" Click="OkButton_Click" />
-      <Button x:Name="canButton" Content="キャンセル" IsCancel="True" />
-    </StackPanel>
-  </StackPanel>
-</Window>
-```
-```C#
-using System.Windows;
-namespace Questions368346
-{
-    public partial class Window1 : Window
-    {
         public Window1() => InitializeComponent();
         private void OkButton_Click(object sender, RoutedEventArgs e)
             => DialogResult = true;
     }
 }
 ```
 ---
 個人的にはダイアログをポンポン出すのは趣味でないので、編集なら同じウィンドウ内でやりたいですね。
 編集だけなら非常に簡単にできます。
 [マスターと詳細のバインディング シナリオ - WPF .NET | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/desktop/wpf/data/?view=netdesktop-5.0&redirectedfrom=MSDN#master-detail-binding-scenario)
 とはいえ追加が絡むとなると、また話が変わってくるのですが^^;