Windows 8.1 Evrensel uygulama - Tasarım UI'si

Question

Kötü İngilizce'm için üzgünüm. Windows 8.1 için bir program yapmak istiyorum evrensel. Tasarım kullanıcı arayüzü hakkında bir sorum var. Sayfanın alt kısmında tam bilgi görmek için bir seçenek seçmek için benim app üstünde bir menü var. Tüm farklı sayfa boyutu ve çözünürlükleri için çalışan sayfa yapmak istiyorum. Kişi uygulama pencerelerinin boyutunu değiştirdiğinde, üst menü buradaki gibi değiştirilmelidir. (örneğin, kişi sayfa boyutunu küçültürken):
Animasyonlu gif olduğu için lütfen resim kaydedin.

Görüntüleme kutusunu kullanmayı denerim, ancak görüntü kutusu düğmenin üst menüsünde küçük olmasını sağlar, böylece düğmenin yatılı değiştirilir. (Ya da belki bunu nasıl bilmiyorum)
Benim kod Ama benim örnekte olduğu gibi çalışmaz:

<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> 

bana yardım etmek mümkün mü?
Teşekkürler.

Answer 1

Bir kap olarak Grid kullanabilir ve 4 sütun tanımlayabilirsiniz:

<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>