[template10]의 새로운 visualstate

Question

템플릿 10의 기본 시각적 상태에 대한 기준을 어떻게 수정할 수 있습니까?

휴대 전화의 가로 모드 대 PC 또는 타블렛의 창을 구분할 수 있기를 바랍니다.

NormalMinWidth는 전화를 가로 모드로 설정하면 트리거됩니다. 문제는 가로 모드의 휴대 전화 화면 높이가 태블릿이나 PC보다 훨씬 적을 수 있다는 것입니다.

휴대 전화의 NormalMinWidth와 PC 또는 태블릿의 레이아웃이 다를 수 있기를 바랍니다. 예를 들어, 최소 화면 높이를 찾는 또 다른 시각적 상태 인 NormalMinWidthMinHeight를 추가하고 싶습니다.

모든 의견을 많이 주시면 감사하겠습니다.

Answer 1

동적으로 상태를 변경할 수있는 코드를 구현해야합니다.

예를 들어, 현재보기의 방향에 따라 상태를 변경하려는 경우. OrientationChanged 이벤트의 이벤트 핸들러를 구현하고 VisualStateManager 클래스의 GoToState 메소드를 사용해야합니다.

참조 다음 코드 샘플을 참조하십시오 :

<VisualStateManager.VisualStateGroups> 
     <VisualStateGroup x:Name="AdaptiveVisualStateGroup"> 

      <VisualState x:Name="VisualMinWidthHeight"> 
       <VisualState.Setters> 
        <Setter Target="stateTextBox.Text" Value="Visual Min Width Height" /> 
       </VisualState.Setters> 
      </VisualState> 
     </VisualStateGroup> 
</VisualStateManager.VisualStateGroups> 
<TextBlock x:Name="stateTextBox" Text="Current Visual State" /> 

DisplayInformation.GetForCurrentView().OrientationChanged += MainPage_OrientationChanged; 

private void MainPage_OrientationChanged(DisplayInformation info, object args) 
{ 
    Debug.WriteLine("orientation: " + info.CurrentOrientation); 
    if (info.CurrentOrientation == DisplayOrientations.LandscapeFlipped || info.CurrentOrientation == DisplayOrientations.Landscape) 
    { 
     VisualStateManager.GoToState(this, "VisualMinWidthHeight", true); 
    } 
}