アイテムセレクタアイテムは異なるデータテンプレートを使用しますが、ビューモデルを共有する必要があります

Question

今私は、3つの異なるデータテンプレート、3つのビューモデル、およびアイテムテンプレートセレクタを持つカスタムアイテムコントロールを使用しています。

すべて機能していますが、このコードの改善を検討しています。ここでは3つのデータのテンプレートです：

<DataTemplate x:Key="RefreshDevicesDataTemplate"> 
    <Grid Margin="5,0"> 
     <myApp:myAppButton Name="RefreshButton" Command="{Binding Command}" ToolTip="Refresh Devices" Style="{StaticResource TransparentStyle}"> 
      <Rectangle x:Name="RefreshRectangle" Width="20" Height="20" ToolTip="{Binding ToolTip}" Fill="{Binding IconBrush}" Opacity="1" Margin="0,0,0,6"/> 
     </myApp:myAppButton> 
    </Grid> 
    <DataTemplate.Triggers> 
     <DataTrigger Binding="{Binding IsWaiting}" Value="True"> 
      <Setter Property="Opacity" Value="0.5" TargetName="RefreshRectangle" /> 
     </DataTrigger>     
    </DataTemplate.Triggers> 
</DataTemplate> 
<DataTemplate x:Key="DeviceDataTemplate"> 
    <Grid Margin="5,0"> 
     <Rectangle x:Name="IconRectangle" Width="20" Height="20" Fill="{Binding IconBrush}" Opacity="0.5" ToolTip="{Binding DeviceName}"/> 
    </Grid> 
    <DataTemplate.Triggers> 
     <DataTrigger Binding="{Binding IsConnected}" Value="True"> 
      <Setter Property="Opacity" Value="1" TargetName="IconRectangle" /> 
     </DataTrigger> 
    </DataTemplate.Triggers> 
</DataTemplate> 
<DataTemplate x:Key="CommandDataTemplate"> 
    <Grid Margin="5,0"> 
     <myApp:myAppButton Style="{DynamicResource ChromelessButtonStyle}" Foreground="White" Content="{Binding CommandName, Converter={StaticResource LowerCaseConverter}}" 
       Command="{Binding Command}" CommandParameter="{Binding CommandParameter}" ToolTip="{Binding ToolTip}" 
       FontFamily="Marlett"/> 
    </Grid> 
</DataTemplate> 

そして、私のテンプレートセレクタ：

<models:WindowCommandItemTemplateSelector x:Key="WindowCommandTemplateSelector" DeviceTemplate="{StaticResource DeviceDataTemplate}" CommandTemplate="{StaticResource CommandDataTemplate}" RefreshCommandTemplate="{StaticResource RefreshDevicesDataTemplate}"/> 

---

public override DataTemplate SelectTemplate(object item, DependencyObject container) { 

     DataTemplate resultTemplate = null; 

     if (item is DeviceViewModel) 
     { 
      resultTemplate = DeviceTemplate; 
     } 
     else if (item is WindowCommandViewModel) // I need two view models because I can't know which template to use with just one class. 
     { 
      resultTemplate = CommandTemplate; 
     } 
     else if (item is RefreshCommandViewModel) // here too 
     { 
      resultTemplate = RefreshCommandTemplate; 
     } 

     return resultTemplate; 
} 

テンプレートセレクタはちょうどに渡されたビューモデルに基づいたテンプレートを選択

。

最後にitemscontrolを指定します：

<myApp:myAppWindow.WindowCommands> 
    <myApp:WindowCommands ItemTemplateSelector="{StaticResource WindowCommandTemplateSelector}" ItemsSource="{Binding WindowCommands}" /> 
</myApp:myAppWindow.WindowCommands> 

これらのデータテンプレートごとに異なるビューモデルがありますが、実際にはRefreshButtonとCommandDataTemplateは異なるテンプレートのボタンです。私はIsWaitingのようないくつかの異なるバインディングを持っていますが、それらは親ビューモデルで扱うことができます。

このitemscontrolにカスタムテンプレートを追加し続けるには、ビューモデルとデータテンプレートの間に1-1の対応が必要ですか？

私はいくつかの静的プロパティを作成し、それをチェックできますか？これを行うには、より多くのWPF-y方法がありますか？私はとても新しいです。ありがとう。

Answer 1

質問は混乱しますが、複数のビューモデルの作成を避けようとしていると思います。 DataTemplateSelectorでは、その中の任意のロジックを実行することができますので、簡単です。 MySharedViewModel.Commandの値を調べ、正確なコマンドに応じてテンプレートを返します。

このitemscontrolにカスタムテンプレートを追加し続けるには、ビューモデルとデータテンプレートの間に1-1の対応が必要ですか？

いいえ、バインディングは実行時に名前でプロパティを検索するためです。 CommandへのバインディングはRefreshCommandTemplate.CommandとDeviceViewModel.Commandの両方に一致します。

DataTemplate.DataTypeプロパティ（DataTemplateSelectorを作成する必要性を回避するXAMLショートカット）を使用する場合は、1：1マッピングが必要なのは唯一の時間です。