如何在Xamarin表單中的網格內部展開StackLayout？

我有Xamarin表單應用程序。我的頁面底部應該是這樣的：如何在Xamarin表單中的網格內部展開StackLayout？

目前，它看起來像這樣：

問題是，StackLayout不擴大，以填補空間。這是我的xaml：

<StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand" VerticalOptions="End" Spacing="0" > 
    <Grid ColumnSpacing="0" RowSpacing="0" HorizontalOptions="FillAndExpand"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="40" /> 
    </Grid.RowDefinitions> 

    <StackLayout HorizontalOptions="CenterAndExpand" Grid.Column="0" Grid.Row="1" BackgroundColor="Blue" > 
     <Label Text="First" TextColor="#FFFFFF" HorizontalOptions="CenterAndExpand" /> 
    </StackLayout> 
    <StackLayout HorizontalOptions="CenterAndExpand" Grid.Column="1" Grid.Row="1" BackgroundColor="Red" > 
     <Label Text="Second" TextColor="#FFFFFF" HorizontalOptions="CenterAndExpand" /> 
    </StackLayout> 

    </Grid> 
</StackLayout>

如何在網格內擴展StackLayout？我希望中間有藍色和紅色的背景。

來源

2017-04-26 Uros

你有沒有嘗試在列定義中設置'33.3 *'爲寬？ '50 *'爲兩列？ –

是的。它給出了相同的結果。 – Uros

並從元素中刪除'CenterAndExpand'？ –

您將StackLayouts設置爲CenterAndExpand，這意味着它們只佔用他們需要的空間。你應該FillAndExpand他們喜歡：

<StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand" VerticalOptions="End" Spacing="0" > 
    <Grid ColumnSpacing="0" RowSpacing="0" HorizontalOptions="FillAndExpand"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="40" /> 
    </Grid.RowDefinitions> 
    <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="0" Grid.Row="1" BackgroundColor="Blue" > 
     <Label Text="First" TextColor="#FFFFFF" HorizontalOptions="CenterAndExpand" /> 
    </StackLayout> 
    <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="1" Grid.Row="1" BackgroundColor="Red" > 
     <Label Text="Second" TextColor="#FFFFFF" HorizontalOptions="CenterAndExpand" /> 
    </StackLayout> 
    </Grid> 
</StackLayout>

來源

2017-04-26 07:59:04

如何在Xamarin表單中的網格內部展開StackLayout？

回答

相關問題