WPFでの風景ビューとポートレートビューの両方をサポート

Question

私はWPFを初めて使用しているため、風景とポートレートビューをサポートする最適な方法を理解できません。私の選択肢は何ですか？

ポートレートビューでは、コントロールが風景とは完全に異なる位置に配置されます。

Answer 1

もし私が何かを見逃しておらず、モバイルビューを意味するならば、bool var（isLandscapeのようなもの）をViewModelに追加して、DataTemplateを使用するかどうかを制御してください。トリガーやその他の方法で制御できます。

この質問にはさらに多くのタグが必要です。

Answer 2

ユニバーサルWindowsプラットフォームには、VisualStateが設定されている条件を指定できるAdaptiveTriggerがあります。スタイル設定ツールを使用すると、必要に応じてページのレイアウトを変更できます。

WPFにはこの機能はありませんが、VisualStateManagerをStoryboardsとし、SizeChangedというイベントを使用すると、まったく同じことができます。あなたは二つのグループにVisualStateManagerを追加することができ、あなたのウィンドウのコンテンツのルート要素に

：コードビハインドあなたに今

<VisualStateManager.VisualStateGroups> 
    <VisualStateGroup x:Name="ApplicationViewStates"> 
     <VisualState x:Name="Landscape"/> 
     <VisualState x:Name="Portrait"> 
      <Storyboard> 
       <ObjectAnimationUsingKeyFrames 
        Storyboard.TargetProperty="SomeProperty" 
        Storyboard.TargetName="SomeElement"> 
        <DiscreteObjectKeyFrame KeyTime="0" Value="SomeValue"/> 
       </ObjectAnimationUsingKeyFrames> 
       ... 
      </Storyboard> 
     </VisualState> 

は、ワイヤアップすることができますWindowさんSizeChangedイベント：

this.SizeChanged += (s,e) => 
{ 
    //some condition you want to use to distinguish landscape and portrait 
    if (Width < Height) 
    { 
     VisualStateManager.GoToState(this, "Portrait", false); 
    } 
    else 
    { 
     VisualStateManager.GoToState(this, "Landscape", false); 
    } 
} 

また、SizeChangedイベントを使用してコード内のすべてを実行することもできますが、複数の状態がある場合は、最初にすべてのプロパティをデフォルトにリセットする必要があります。

this.SizeChanged += (s,e) => 
{ 
    //reset all changed properties to default value here 
    ... 
    //some condition you want to use to distinguish landscape and portrait 
    if (Width < Height) 
    { 
     //set properties for portrait 
    } 
}