Come massimizzare l'elemento su tutta l'area disponibile - uwp-xaml

Ho 5 colonne e 3 righe in griglia. Sono stato creato Button e ho bisogno di riempire l'area Colonna 1, Riga 1 con questo pulsante. Cosa dovrei fare?

risposte:

Basta cambiare il HorizontalAlignment e VerticalAlignment sul pulsante di essere Stretch in modo che il pulsante riempia la cella della griglia:

<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Button Grid.Row="1" Grid.Column="1"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"/>
</Grid>

È possibile collegare l'altezza e la larghezza del pulsante all'altezza e alla larghezza della griglia Row1 e Column1 rispettivamente. Come il seguente codice,

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition x:Name="Row1"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition x:Name="Column1" />
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Button Grid.Row="1" Grid.Column="1"
Width="{Binding ActualWidth,ElementName=Column1}"
Height="{Binding ActualHeight,ElementName=Row1}"/>
</Grid>