Jak utworzyć pasek nawigacyjny w Xaml, który można skalować przy różnych rozdzielczościach ekranu? - c #, windows, xaml, windows-store-apps

<Grid
Width="auto">
<Grid.RowDefinitions>
<RowDefinition Height="100"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid
Grid.Row="0"
Grid.Column="0"
Grid.ColumnSpan="4"
HorizontalAlignment="Stretch"
Width="auto" Background="Red"
>
<ItemsControl ItemsSource="{Binding Buttons}"  HorizontalAlignment="Stretch">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"
HorizontalAlignment="Stretch"
Background="Green"
></StackPanel>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate >
<DataTemplate>
<Button
BorderThickness="0"
Background="Blue"
HorizontalAlignment="Stretch"
Command="{Binding NavigateCommand}"
Margin="0,0,120,0"
Width="auto"
>
<Image Source="{Binding Image}" HorizontalAlignment="Stretch"></Image>
</Button>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Grid>
</Grid>

To jest kod, którego używam do wyświetlania paska nawigacji, gdzie jest to napisane w kontrolerze, a obrazy na pasku nawigacji są dynamicznie wypełniane przy użyciu wiązania.

Próbuję utworzyć pasek nawigacji, który może być używany na różnych rozdzielczościach ekranu, próbowałem z różnymi metodami, ale nie skaluje według różnych rozdzielczości ekranu

Odpowiedzi:

Być może zamierzałeś usunąć Grid.ColumnSpan="4"?

Dziękuję za zainteresowanie odpowiedzeniem na moje pytanie, problem został rozwiązany przy użyciu Viewbox. Umieściłem cały powyższy kod wewnątrz okna przeglądarki i działało idealnie.