Windows 8.1ユニバーサルアプリ - デザインUI

Question

私の悪い英語を申し訳ありません。 私はWindows 8.1用のプログラムを作りたいと思っています。デザインUIに関する質問があります。私はページの一番下に完全な情報を見るために1つのオプションを選択するために私のアプリの上にメニューを持っています。私はすべての異なるページサイズと解像度で動作するページを作っていきたいです。人がアプリケーションウィンドウのサイズを変更するとき、トップメニューはここのように変更する必要があります。 （例えばページの人が小さくなった場合）：
アニメーションのgifなので画像を保存してください。

私はビューボックスを使用しようとしますが、ビューボックスはトップメニューのボタンを小さくしてボタンのボーダーを変更します。 （または多分私はそれを行う方法がわからない）
それは私のコードですが、それは私の例のように動作しません：

<Viewbox> 
       <StackPanel Orientation="Horizontal"> 
        <StackPanel x:Name="StackConnectionInfor" Orientation="Horizontal" Margin="10,0,30,0" Width="300" Background="Red"> 
         <Image Height="75" Width="75" Source="Images/CommandImage/ImageCommandInformation.png" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
         <TextBlock Margin="25,0,0,0" FontSize="35" VerticalAlignment="Center" TextAlignment="Center">Connection<LineBreak/>Information</TextBlock> 
        </StackPanel> 
        <StackPanel x:Name="StackConnectionReport" Orientation="Horizontal" Margin="30,0" Width="300" Background="Red"> 
         <Image Height="75" Width="75" Source="Images/CommandImage/ImageCommandReport.png" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
         <TextBlock Margin="25,0,0,0" FontSize="35" VerticalAlignment="Center" TextAlignment="Center">Connection<LineBreak/>Reports</TextBlock> 
        </StackPanel> 
        <StackPanel x:Name="StackConnectionChart" Orientation="Horizontal" Margin="30,0" Width="300" Background="Red"> 
         <Image Height="75" Width="75" Source="Images/CommandImage/ImageCommandChart.png" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
         <TextBlock Margin="25,0,0,0" FontSize="35" VerticalAlignment="Center" TextAlignment="Center">Connection<LineBreak/>Chart</TextBlock> 
        </StackPanel> 
       </StackPanel> 
      </Viewbox> 

それは私を助けることは可能ですか？
ありがとうございます。

Answer 1

あなたはコンテナとしてGridを使用し、4列定義することができます。

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 



    <TextBlock Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
    <TextBlock Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
    <TextBlock Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
    <TextBlock Grid.Column="3" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
</Grid>