【WPF】ListViewで表示した複数のInkCanvasのEditingModeを変更したい

Question

前提・実現したいこと

ListViewで表示した複数のInkCanvasのEditingModeを変更したいです。

以下のコードのようにして、ListViewで複数のInkCanvasを表示させています。

表示させたInkCanvasのEditingModeをButtonコントロールのClickイベントなどで
全て一括で変更したいのですが、可能でしょうか？

<Page.Resource>
<Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListViewItem}">
                    <DockPanel Width="1480">
                        <InkCanvas x:Name="InputCanvas1" Width="240" Height="130" VerticalAlignment="Bottom" Background="White"/>
                        <InkCanvas x:Name="InputCanvas2" Height="130" VerticalAlignment="Bottom" Background="{x:Null}" />
                    </DockPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
<Page.Resource>

<Grid>
    <ListView x:Name="InkCanvasListView" ItemContainerStyle="{staticResource ListViewItemStyle}" BorderBrush="{x:Null}" Background="Transparent" >
        <ListBoxItem />
        <ListBoxItem />
        <ListBoxItem />
    </ListView>
</Grid>

Answer 1

xamlだけで雑にやるとこんなんですかね。

<Window
 x:Class="Questions306348.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 Height="450"
 SizeToContent="Width">
 <Window.Resources>
  <Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">
   <Setter Property="Template">
    <Setter.Value>
     <ControlTemplate TargetType="{x:Type ListViewItem}">
      <DockPanel Width="1480">
       <InkCanvas
        x:Name="InputCanvas1"
        Width="240"
        Height="130"
        VerticalAlignment="Bottom"
        Background="White"
        EditingMode="{TemplateBinding Tag}" />
       <InkCanvas
        x:Name="InputCanvas2"
        Height="130"
        VerticalAlignment="Bottom"
        Background="{x:Null}"
        EditingMode="{TemplateBinding Tag}" />
      </DockPanel>
     </ControlTemplate>
    </Setter.Value>
   </Setter>
  </Style>
 </Window.Resources>
 <DockPanel>
  <ListBox
   x:Name="listBox"
   DockPanel.Dock="Top"
   SelectedIndex="0">
   <ListBox.ItemsPanel>
    <ItemsPanelTemplate>
     <StackPanel Orientation="Horizontal" />
    </ItemsPanelTemplate>
   </ListBox.ItemsPanel>
   <ListBox.ItemContainerStyle>
    <Style TargetType="{x:Type ListBoxItem}">
     <Setter Property="Template">
      <Setter.Value>
       <ControlTemplate>
        <RadioButton
         Content="{TemplateBinding ContentPresenter.Content}"
         IsChecked="{Binding IsSelected, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
         Style="{StaticResource {x:Type ToggleButton}}" />
       </ControlTemplate>
      </Setter.Value>
     </Setter>
    </Style>
   </ListBox.ItemContainerStyle>
   <InkCanvasEditingMode>Ink</InkCanvasEditingMode>
   <InkCanvasEditingMode>EraseByPoint</InkCanvasEditingMode>
   <InkCanvasEditingMode>EraseByStroke</InkCanvasEditingMode>
   <InkCanvasEditingMode>Select</InkCanvasEditingMode>
   <InkCanvasEditingMode>None</InkCanvasEditingMode>
  </ListBox>
  
  <ListView
   x:Name="InkCanvasListView"
   Background="Transparent"
   BorderBrush="{x:Null}"
   ItemContainerStyle="{StaticResource ListViewItemStyle}">
   <ListViewItem Tag="{Binding SelectedValue, ElementName=listBox}" />
   <ListViewItem Tag="{Binding SelectedValue, ElementName=listBox}" />
   <ListViewItem Tag="{Binding SelectedValue, ElementName=listBox}" />
  </ListView>
 </DockPanel>
</Window>

ListViewのItemsSourceに何かバインドされているなら、個々にInkCanvasEditingModeを持たせてまとめて変更が（ちょっと無駄ですが）楽です。

Comments

[popaii]

ご回答ありがとうございます。
返信が遅くなってしまい申し訳ありません。
こちらの回答を参考にしたらうまく動きました。

勉強不足で申し訳ないのですが、InkCanvasEditingModeを個々に持たせるというのは、具体的にはどのコントロールに持たせるのでしょうか。
もしよろしければ、ご回答いただけると幸いです。

[TN8001]

>具体的にはどのコントロールに持たせるのでしょうか。

持たせるのはコントロールではなくViewModelです。
ListViewのItemsSourceにObservableCollection<Hoge>等をバインドしているのであれば、Hogeクラスのことです。

ListViewのItemsSourceに何もバインドしていないのであれば、気にしないでください^^;

[popaii]

ご返信いただきありがとうございます。
MVVMモデルは苦手意識があり敬遠しておりましたが
今回のような場合にも活用することを知ることができ、勉強になりました。
似たような場合があった際は、参考にさせていただきます。