VisualState Setters의 UWP 바인딩

Question

VisualState에서 Setters Value 속성을 사용하여 바인딩을 실제로 사용할 수 있습니까? x : Bind를 사용하려고하면 페이지의 초기 뷰가 바인딩을 사용하지 않고 Binding은 페이지를 사용하지 않기 때문입니다. 그 (것)들을 이제까지 이용하십시오 또는 나는 무언가를 추가 할 필요가 있는가?

예를 들어 아래 레이아웃을 사용하고 400에서 800 사이의 너비로 앱을 시작하면 PassInput Passwordbox에 자리 표시자가 없습니다. 창 크기를 800 이상으로 조정 한 다음 마침내 자리 표시자를 갖습니다.

예 :

<Page 
    x:Class="UWP.Learning.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" 
    x:Name="Page"> 
    <RelativePanel Background="White"> 
     <VisualStateManager.VisualStateGroups> 
      <VisualStateGroup x:Name="WindowSizeStates"> 
       <VisualState x:Name="SmallState"> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="400" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
         <Setter Target="PassInput.PlaceholderText" Value="{x:Bind MyPlaceHolder, Mode=OneWay}" /> 
        </VisualState.Setters> 
       </VisualState> 
       <VisualState x:Name="WideState"> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="800" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
         <Setter Target="PassInput.PlaceholderText" Value="{x:Null}" /> 
        </VisualState.Setters> 
       </VisualState> 
      </VisualStateGroup> 
     </VisualStateManager.VisualStateGroups> 
     <TextBlock 
      Name="PassLabel" 
      RelativePanel.AlignTopWithPanel="True" 
      RelativePanel.AlignLeftWithPanel="True" 
      RelativePanel.AlignRightWithPanel="True" 
      Text="Pass input label" 
      HorizontalAlignment="Center" /> 
     <PasswordBox 
      Name="PassInput" 
      RelativePanel.AlignLeftWithPanel="True" 
      RelativePanel.AlignRightWithPanel="True" 
      RelativePanel.Below="PassLabel" 
      VerticalAlignment="Center" 
      Margin="20,0" /> 
    </RelativePanel> 
</Page> 

코드 숨김

namespace UWP.Learning 
{ 
    using Windows.UI.Xaml.Controls; 

    public sealed partial class MainPage : Page 
    { 
     public MainPage() { this.InitializeComponent(); } 
     public string MyPlaceHolder => "FOOBAR"; 
    } 
} 

Answer 1

나에게 버그 것 같은데. 쉬운 해결 방법은 Loaded 이벤트에서 일회성 점검을하는 것입니다.

Loaded += (s, e) => 
{ 
    switch (ActualWidth) 
    { 
     case var w when (w >= 400 && w < 800): 
      VisualStateManager.GoToState(this, "SmallState", false); 
      break; 
     case var w when (w >= 800): 
      VisualStateManager.GoToState(this, "WideState", false); 
      break; 
    } 
};