どのように私はListView.SelectedIndex場合に反応するVisualStateTriggerを必要とするトリガ

Question

としてブール値を使用してください> -1

私のXAMLは次のようになります。

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" 
     EntranceNavigationTransitionInfo.IsTargetElement="True"> 
    <VisualStateManager.VisualStateGroups> 
     <VisualStateGroup> 
      <VisualState x:Name="wideView"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="960"/> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="ListColumn.Width" Value="420"/> 
        <Setter Target="DetailColumn.Width" Value="*"/> 
       </VisualState.Setters> 
      </VisualState> 
      <VisualState x:Name="narrowDetailView"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="0"/> 

       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="ListColumn.Width" Value="0"/> 
        <Setter Target="DetailColumn.Width" Value="*"/> 
       </VisualState.Setters> 
      </VisualState> 
      <VisualState x:Name="narrowListView"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="0"/> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="ListColumn.Width" Value="*"/> 
        <Setter Target="DetailColumn.Width" Value="0"/> 
       </VisualState.Setters> 
      </VisualState> 
     </VisualStateGroup> 
    </VisualStateManager.VisualStateGroups> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition x:Name="ListColumn" Width="0"/> 
     <ColumnDefinition x:Name="DetailColumn" Width="*"/> 
    </Grid.ColumnDefinitions> 
    <ListView x:Name="SelectionList" 
       Grid.Column="0"/> 
    <ListView x:Name="DetailsList" 
       Grid.Column="1"/> 
</Grid> 

ときSelectionList SelectedIndexをが== - 1 narrowListView-Triggerを選択する必要があります。それ以外の場合はnarrowDetailsView-Triggerが必要です。

これはXAMLでのみ可能です（もしそうなら、最も効果的なアプローチは何か）。これをコードビハインドで解決する必要がありますか？

Answer 1

WindowsStateTriggersライブラリはあなたの友人です。

<VisualState> 
    <VisualState.StateTriggers> 
     <triggers:CompareStateTrigger Value="{x:Bind someListView.SelectedIndex, Mode=OneWay}" CompareTo="-1" Comparison="GreaterThan" /> 
    </VisualState.StateTriggers> 
<VisualState.Setters>