uwpで複数の画面サイズをプログラムするには？

Question

こんにちは私は普遍的なウィンドウ10のアプリケーションプラットフォーム上でアプリケーションを開発しています、そして、私はいくつかのオブジェクトをXAMLウィンドウに置き、スクリーンサイズを変更すると、以前の状態になっていたので新しいスクリーンサイズに合っています。古い画面のサイズに合わせて、私は普遍的なアプリケーションが必要です。

私のXAMLコード：

<Page 
x:Class="App17.MainPage" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:local="using:App17" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d"> 

<Grid Loaded="Grid_Loaded"> 

    <Grid.Background> 
     <ImageBrush Stretch="UniformToFill" ImageSource="Assets/backPHONE.jpg"/> 
    </Grid.Background> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="55*"/> 
     <RowDefinition Height="9*"/> 
    </Grid.RowDefinitions> 
    <RelativePanel> 
    <TextBlock x:Name="textBlock" HorizontalAlignment="Left" Margin="41,155,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Height="128" Width="360" Text="test 123" FontFamily="Century Gothic" FontStretch="UltraExpanded" FontStyle="Italic" FontSize="26" Tapped="textBlock_Tapped" TextAlignment="Center"/> 
    <ComboBox x:Name="comboBox" HorizontalAlignment="Left" Margin="84,700,0,-666.8" VerticalAlignment="Top" Width="264" SelectionChanged="comboBox_SelectionChanged" Height="32" Grid.Row="1"> 
     <ComboBoxItem Content="test" IsSelected="True"/> 
    </ComboBox> 
    <TextBlock x:Name="textBlock2" HorizontalAlignment="Left" Margin="164,675,-2.8,-665" TextWrapping="Wrap" Text="test" VerticalAlignment="Top" Height="20" Width="120" Grid.Row="1" SelectionHighlightColor="#FFF10000" FontFamily="Century Gothic" FontSize="12" FontStretch="UltraExpanded" FontStyle="Italic" Foreground="White"/> 
    </RelativePanel> 
</Grid> 

は感謝

Answer 1

あなたは私に関連する様々な画面サイズを処理するための2つの方法をご紹介しましょうAdaptiveTriggers

http://www.wintellect.com/devcenter/jprosise/using-adaptivetrigger-to-build-adaptive-uis-in-windows-10

Answer 2

を使用する必要があります。ユニバーサルWindows 10 Apps。

1.アダプティブトリガー - レイアウトをさまざまなデバイスファミリにアサインすることができます。たとえば、スマートフォンでのページの表示方法や、アプリの起動時の設定方法などを定義できます。以下では、使用方法を簡単に説明しています。

a）には、Visual Studioには、 "... Blendでデザインを" 右MainPage.xamlをクリックして選択してください、開いたとき：

b）は、 "米国" タブに移動し、アイコンを選択します（下の赤い四角形をマーク）「ステートグループを追加」と呼ばれる：

C）今、あなたは状態を追加する必要がありますので、下記のショーとして次の「ビジュアルステートグループ」の横にあるアイコンをクリックしてください：

D）次に追加2状態：「モバイル」と「デスクトップ」は、以下に示すとおり

e）の最終工程は、場合画面サイズを検出するために、最小のウィンドウ幅を設定することです変更された：

f）は今、あなたは「モバイル」状態の最小のウィンドウ幅を設定することができます： 次のように320を入力してくださいあなたは「モバイル」のために「OK」表示状態をクリックすると

設定されます（これらは、物理的ではない有効画素であることを覚えておいてください）。 最小ウィンドウ幅に同じ上記の手順を実行しますが、「デスクトップ」の状態とタイプ1024：

今私は2つの状態の間で切り替えると、それらのそれぞれのための設計を調整することができます を（現在のことに注意してください選択された状態）赤rectangeでマークされています

1.デバイスファミリのフォルダ - ページに対して2つの別々のビューを指定することができますが、コードは1つ後ろにします。これは、モバイルデバイス用に特別にデザインを作成しなければならない場合や、PCなどに合わせて設計する必要がある場合に役立ちます。

a）のプロジェクトを右クリックして、「DeviveFamily・モバイル」と呼ばれる新しいfalder追加します - これは私の場合には

B）を追加し、新たなXAMLビューは、あなたの前ページのように同じと呼ばれます「メインページ」：

：

C）今、あなたはクラスの背後にある一つのコードが、デバイス・ファミリに応じて適用される2つの別々の景色を眺めることができます

私はそれがあなたの手助けとなることを願っています。 また、非常に良いChannel9ビデオを見たり、my blogにアクセスして、UWPに関連する多くの有益なサンプルを提示しようとしています。