メインウィンドウのリストボックスのアイテムを別ウィンドウに表示する方法

Question

前提・実現したいこと

WPFでC#を使ってToDoアプリ的な物を作ってます。
メインウィンドウのリストボックスアイテムのデータテンプレートにチェックボックスとテキストブロックを付けてます。
メインウィンドウのリストボックスアイテムをダブルクリックすると、テキストブロックにバインディングしてる値を取得してサブウィンドウに表示したいです。

該当のソースコード

XAML```ここに言語名を入力
ソースコード

        <ListBox ItemsSource="{Binding}"  x:Name="listBox" Grid.Row="1" SelectionMode="Single" Margin="5" Background="WhiteSmoke" MouseDoubleClick="listBox_MouseDoubleClick">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <CheckBox x:Name="checkBox" IsChecked="{Binding check}" />
                        <TextBlock x:Name="textBlock" Text="{Binding textArray}"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

C#
private void listBox_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
Window1 win1 = new Window1() { Owner = this};

        win1.addButton.Visibility = System.Windows.Visibility.Collapsed;
        win1.canButton.Visibility = System.Windows.Visibility.Collapsed;
        win1.okButton.Visibility = System.Windows.Visibility.Visible;

        string str = listBox.SelectedItem.ToString();
        //動かなかったので書いてたコードを消してしまいました。

    }

試したこと

ダブルクリックしたアイテムをToStringメソッドでstr変数に入れてサブウィンドウに入れようと思ったんですが、スタックパネルの順番的にチェックボックスの次にテキストボックスがあるので方法がいまいちわかりませんでした。チェックボックスをいったん消してチェックボックスのプロパティを取得しようとしましたがそれもできませんでした。
バインディングされてるプロパティの値を取得するメソッドがネットにあったのでコピペして使ってみましたがダメでした。
かなり初学者なので多めに見ていただけるとありがたいです。

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

ここにより詳細な情報を記載してください。

Answer 1

メインウィンドウのリストボックスアイテムをダブルクリックすると、テキストブロックにバインディングしてる値を取得してサブウィンドウに表示したいです。

データバインディングを勉強されたのですね。前回よりだいぶ進んでいるようですね^^

ダブルクリックしたアイテムをToStringメソッドでstr変数に入れてサブウィンドウに入れようと思った

何をバインディングしているかが不明ですが、listBox.SelectedItem自体は個々のアイテム（checkやtextArrayプロパティがあるクラス）になっています。
しかしSelectedItemはobjectのためキャストが必要です。
Selector.SelectedItem プロパティ (System.Windows.Controls.Primitives) | Microsoft Docs

例えばこのような

var item = listBox.SelectedItem as ToDoItem;
var str = item?.Text;

---

しかしListBox自体のMouseDoubleClickですと、何もない部分も反応してしまってあまり使い勝手がよくないです。
ListBoxItemにMouseDoubleClickを付けるほうがおすすめです。

サブウィンドウに表示するときもせっかくなのでバインディングしましょう。

表示と言っていますが、実際は編集でしょうか？
表示だけならいらないのですが、編集するとなるとINotifyPropertyChangedを実装する必要があります（WPFでは最重要インターフェースです）

回答では↓を使用しました。
NuGet Gallery | CommunityToolkit.Mvvm 7.0.3
ObservableObject - Windows Community Toolkit | Microsoft Docs

MainWindow

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

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

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

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

とはいえ追加が絡むとなると、また話が変わってくるのですが^^;

Comments

[Tetsu21]

問題解決しました！ありがとうございました！ｍ(__)ｍ
かなりザックリした質問をしてしまったかもしれません、すいませんでした。
また機会があればお願いします！