如何設置ScrollViewer的寬度綁定到一個頁面元素ActualWidth在AdaptiveTrigger UWP

Question

我有一個ScrollViewerWidth屬性綁定到另一個頁面元素。我只想對某些AdaptiveTrigger MinWindowWidth

<ScrollViewer x:Name="scrollViewerEditor" Width="{Binding ElementName=stackPanelSearch, Path=ActualWidth}"> 
    ... 
</ScrollViewer> 

我要放置在Width像AdaptiveTrigger下面結合應用此。什麼是正確的方法來做到這一點？

<VisualState x:Name="VisualStateWide"> 
    <VisualState.StateTriggers> 
     <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" /> 
    </VisualState.StateTriggers> 
    <VisualState.Setters> 
     <Setter Target="scrollViewerEditor.(FrameworkElement.Width)" Value="Binding ElementName=stackPanelSearch, Path=ActualWidth}" /> 

Answer 1

如果你不介意做在後面的代碼這項工作，有解決這個問題的一個簡單的方法，用​​例如像這樣：

<VisualStateManager.VisualStateGroups> 
    <VisualStateGroup CurrentStateChanged="VisualStateGroup_CurrentStateChanged"> 
     <VisualState x:Name="VisualStateNarrow"> 
      <VisualState.StateTriggers> 
       <AdaptiveTrigger MinWindowWidth="0" /> 
      </VisualState.StateTriggers> 
      <VisualState.Setters> 
       <Setter Target="scrollViewerEditor.Style" Value="{StaticResource ScrollViewerStyle1}" /> 
      </VisualState.Setters> 
     </VisualState> 
     <VisualState x:Name="VisualStateWide"> 
      <VisualState.StateTriggers> 
       <AdaptiveTrigger MinWindowWidth="720" /> 
      </VisualState.StateTriggers> 
      <VisualState.Setters> 
       <Setter Target="scrollViewerEditor.Style" Value="{StaticResource ScrollViewerStyle2}" /> 
      </VisualState.Setters> 
     </VisualState> 
    </VisualStateGroup> 
</VisualStateManager.VisualStateGroups> 

在後面的代碼：

private void VisualStateGroup_CurrentStateChanged(object sender, VisualStateChangedEventArgs e) 
{ 
    var state = e.NewState; 
    if (state.Name == "VisualStateNarrow") 
    { 
     scrollViewerEditor.Width = 300; 
    } 
    else 
    { 
     if (tb.ActualWidth != 0) 
      scrollViewerEditor.Width = tb.ActualWidth; 
     else 
      scrollViewerEditor.Width = 600; 
    } 
} 

不允許使用數據Setter來解決這個問題的正確方法結合，通常是創建一個自定義AttachedProperty您ScrollViewer並將此附加屬性綁定到WidthProperty，但對VisualState內的自定義附加屬性的支持不是很理想，我會繼續研究這一點，看看它是否適用於自定義AttachedProperty。