XamariniOS-如何讓StackLayout自動調整嵌套內容的大小？

我有以下 XAML：

 <StackLayout>
     <Grid IsVisible="{Binding isVisible}" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
                        <behaviors:Expander x:Name="MainExpander" CollapseAnimationLength="500" IsExpanded="false"  >
                            <behaviors:Expander.Header>
                                <Grid HorizontalOptions="FillAndExpand">                                  
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="100"/>
                                        <ColumnDefinition Width="10"/>
                                    </Grid.ColumnDefinitions>
                                    <Frame HeightRequest="40" WidthRequest="40" CornerRadius="20" HorizontalOptions="Start" VerticalOptions="Center" Margin="20" Padding="0" BackgroundColor="Maroon">
                                        <Label Text="{Binding student_initial}" TextColor="White" HorizontalOptions="Center" VerticalOptions="Center" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" />
                                    </Frame>
                                    <StackLayout Grid.Column="2" HorizontalOptions="StartAndExpand" VerticalOptions="Center" Margin="20">
                                        <Label x:Name="StudentName" Text="{Binding student_fullname}"></Label>
                                        <Label x:Name="StudentID" IsVisible="false" Text="{Binding student_unique_id}"></Label>
                                    </StackLayout>
                                </Grid>
                            </behaviors:Expander.Header>
                            <Grid RowSpacing="0" HorizontalOptions="FillAndExpand" HeightRequest="240" VerticalOptions="FillAndExpand">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="*"/>
                                </Grid.RowDefinitions>
                                <Button Grid.Row="0" Text="Messages" Clicked="Button_Clicked"></Button>
                                <Button x:Name="btnTopUp" Grid.Row="1" Text="Quick Topup" Clicked="Button_Clicked" IsVisible="{Binding topup_product_id, Converter={StaticResource IsNotNullOrEmptyConverter}}"></Button>
                                <Button Grid.Row="2" Text="Payments" Clicked="Button_Clicked"></Button>
                            </Grid>
                            <!--TODO: Look at adding a balance for childrens topups?-->
                        </behaviors:Expander>
                    </Grid>
                        </StackLayout>

我試圖隱藏和顯示網格如下：

<Grid IsVisible="{Binding isVisible}" ...

問題是什么都沒有顯示，因為看起來 StackLayout 無法計算出它需要多高。我無法明確設定高度屬性，因為這取決于擴展器是否展開。有沒有辦法使堆疊布局高度自動調整大小？謝謝你。

uj5u.com熱心網友回復：

替換StackLayout為Grid，將其HorizontalOptions和設定VerticalOptions為Start。

 <Grid BackgroundColor="Red" HorizontalOptions="Start" VerticalOptions="Start">
        <Grid  IsVisible="false" ...

在所有場景中查看以下螢屏截圖（紅色代表根網格）

束帶隱形

網格可見（未展開）

網格可見（展開）

標籤：xml 沙马林 xamarin.forms xamarin.ios

上一篇：如何設定ComboBoxItem屬性？

下一篇：在UWP中更改PivotHeaderItem樣式？