UWP要素サイジング

Question

私はUWPの初心者です。

携帯電話とデスクトップの両方で正しく動作する要素にどのようにサイズを与えることができますか？

つまり、テキストブロックのトピックは、デスクトップの場合は200ピクセル、電話の場合は100ピクセルでなければなりません。

Answer 1

電話機とデスクトップで素敵で滑らかなレイアウト動作を実現する方法はいくつかあります。

https://mobileprogrammerblog.wordpress.com/2015/10/23/universal-windows-10-application-with-tailored-design-part-1/

https://mobileprogrammerblog.wordpress.com/2015/11/23/universal-windows-10-application-with-tailored-design-part-2/

：

1. 適応は、私は良い設計結果を達成するためにどのように約2件のブログ記事を公開し
2. DeviceFamilyフォルダ
3. XAMLの行動

トリガー

https://blogs.windows.com/buildingapps/2015/11/30/xaml-behaviors-open-source-and-on-uwp/

また、私は間違いなく仕立てUWPデザインについてダンテガニエによってChannel9ビデオを見つめてお勧めします。

https://channel9.msdn.com/Events/Visual-Studio/Visual-Studio-2015-Final-Release-Event/Universal-Windows-Platform-Tailored-Experiences?ocid=SessionsInEvent

Answer 2

読む一言で言えばAdaptive Layout in UWP

について、あなたは画面幅に基づいてUIを変更するには、新しいAdaptiveトリガを使用します。

<VisualStateManager.VisualStateGroups> 
    <VisualStateGroup> 
     <VisualState x:Name="Narrow"> 
      <VisualState.StateTriggers> 
       <AdaptiveTrigger MinWindowWidth="0" /> 
      </VisualState.StateTriggers> 
      <VisualState.Setters> 
       <Setter Target="MyText.Width" Value="100" /> 
      </VisualState.Setters> 
     </VisualState> 
     <VisualState x:Name="WideScreen"> 
      <VisualState.StateTriggers> 
       <AdaptiveTrigger MinWindowWidth="500" /> 
      </VisualState.StateTriggers> 
      <VisualState.Setters> 
       <Setter Target="MyText.Width" Value="200" /> 
      </VisualState.Setters> 
     </VisualState> 
    </VisualStateGroup> 
</VisualStateManager.VisualStateGroups>