[template10]の新しいvisualstate

Question

テンプレート10のデフォルトのビジュアル状態の基準を変更するにはどうすればよいですか？

携帯電話のランドスケープモードとPCやタブレットのウィンドウを区別できるようにしたいと考えています。

NormalMinWidthは、電話機を横向きモードにすることによってトリガーされます。問題は、ランドスケープモードでの電話画面の高さが、タブレットまたはパソコンよりもはるかに低い可能性があるということです。

電話機のNormalMinWidthとパソコンやタブレットのレイアウトが異なるようにしたいと思います。たとえば、最小画面の高さを探す別の視覚状態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); 
    } 
}