觸發項目模板選擇器更改

Question

我不知道如何手動觸發模板選擇器（單擊按鈕時）。在加載時使用Template1，但想在使用Temaplte2進行btn時更改。有沒有類似OnPorpertyChanged？

我reffering到 <ItemsControl x:Name="OptionItemsControl" ItemTemplateSelector="{StaticResource optionItemTemplateSelector}" - 我想觸發ItemTemplateSelector變化......

<!-- BODY (elements)--> 
     <FlipView x:Name="OptionPagesFlipView" Grid.Row="1" TabNavigation="Cycle" SelectionChanged="OptionPagesFlipView_SelectionChanged" ItemsSource="{Binding OptionsPageItems}"> 
      <FlipView.ItemTemplate> 
       <DataTemplate x:Name="OptionMonthPageTemplate"> 
        <ScrollViewer x:Name="OptionsScrollViewer" HorizontalScrollMode="Disabled" HorizontalAlignment="Stretch" VerticalScrollBarVisibility="Auto"> 
         <Grid> 
          <ItemsControl x:Name="OptionItemsControl" ItemTemplateSelector="{StaticResource optionItemTemplateSelector}" ItemsSource="{Binding OptionItems, Mode=OneWay}" Visibility="{Binding OptionsPageVisibility}">         
          </ItemsControl> 
          <Grid x:Name="LoadingGrid" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="{Binding LoadingGridVisibility}"> 
           <Grid.RowDefinitions> 
            <RowDefinition/> 
           </Grid.RowDefinitions> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition/> 
            <ColumnDefinition/> 
           </Grid.ColumnDefinitions> 
           <ProgressRing x:Name="CustomProgressRing" Height="40" Width="40" IsActive="true" Grid.Column="0" Margin="20" Foreground="White"/> 
           <TextBlock Text="Loading Data" x:Name="CustomTextBlock" Height="auto" Width="auto" FontSize="25" Grid.Column="1" Margin="20"/> 
          </Grid> 
         </Grid> 
        </ScrollViewer> 
       </DataTemplate> 
      </FlipView.ItemTemplate> 

和資源：

<UserControl.Resources> 
    <DataTemplate x:Key="template1"> 
     <Grid x:Name="OptionItemGrid" Background="White" HorizontalAlignment="Stretch"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 
      <!-- Content -->  
     </Grid> 
    </DataTemplate> 
    <DataTemplate x:Name="template2"> 
     <Grid x:Name="OptionItemGrid" Background="White" HorizontalAlignment="Stretch"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 
      <!-- Content --> 
     </Grid> 
    </DataTemplate> 

    <local:OptionDataItemTemplateSelector x:Key="optionItemTemplateSelector" 
     Template1="{StaticResource template1}" 
     Template2="{StaticResource template2}"/> 
</UserControl.Resources> 

和模板選擇器類：

public class OptionDataItemTemplateSelector : DataTemplateSelector 
{ 

    public DataTemplate Template1 { get; set; } 
    public DataTemplate Template2 { get; set; } 

    protected override Windows.UI.Xaml.DataTemplate SelectTemplateCore(object item, Windows.UI.Xaml.DependencyObject container) 
    { 
     if(someCondition == 1) 
      return Template1; 
     else 
      return Template2;   
    } 
} 

Answer 1

ItemTemplateSelector不能被觸發，除非ItemsSource或Item's實例中的ItemsSource未被更改。所以你想用ItemTemplateSelector實現的是扭曲的。 這樣做將是對你的ViewModel/CodeBehind一個屬性的簡單的方式說

bool IsClicked 
{ 
    get{return _isClicked;} 
    set 
    { 
    _isClicked = value 
    RaisePropertyChanged("IsClicked"); 
    } 
} 

和按鈕的CommandHandler或Click事件處理程序切換此屬性。

現在，您可以爲您的項目只是一個模板，像下面並改用ContentTemplate根據上面的屬性：

<DataTemplate x:Key="myTemplate"> 
    <ContentControl Content="{Binding}"> 
     <ContentControl.Style> 
      <Style TargetType="ContentControl"> 
      <Setter Property="ContentTemplate" Value="{StaticResource template1}"/> 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding DataContext.IsClicked, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" Value="false"> 
         <Setter Property="ContentTemplate" Value="{StaticResource template2}"/> 
        </DataTrigger 
       </Style.Triggers> 
      </Style> 
     </ContentControl.Style> 
    </ContentControl> 
    </DataTemplate> 

Answer 2

如何貫穿您的項目並將someCondition設置爲1 ？

protected override Windows.UI.Xaml.DataTemplate SelectTemplateCore(object item, DependencyObject container) 
{ 
    if(ITEM.someCondition == 1) 
     return Template1; 
    else 
     return Template2;   
} 

在SelectTemplate方法裏面，你有所有你需要的信息。該項目來自數據源和數據源項目當前可視化的容器。 使用這些信息來決定哪個模板。

更改條件並返回其他模板。