有没有办法包装 HorizontalStackLayout 的内容

Question

我正在尝试显示一些项目，为此，我现在正在使用 HorizontalStackLayout。

它们应该水平显示，而不是像这样：

如果第三项没有完全显示，而后面的项目根本没有显示，则应将它们换行到下一行。 这看起来像（或类似于）这个：

使用 HorizontalStackLayout 是否有可能，或者是否有任何其他 View 可以产生这样的效果？

Stacklayout 的 xaml 目前看起来像这样：

        <HorizontalStackLayout Grid.Column="1" BindableLayout.ItemsSource="{Binding DisplayedUserActions}" Margin="10">
            <BindableLayout.ItemTemplate>
                <DataTemplate>
                    <Border BackgroundColor="White" HeightRequest="150" MinimumWidthRequest="180" Margin="5">
                        <Border.StrokeShape>
                            <RoundRectangle CornerRadius="20,20,20,20"/>
                        </Border.StrokeShape>
                        <Grid RowDefinitions="*,*">
                            <Border Grid.Row="0" StrokeThickness="2" Stroke="lightgray" BackgroundColor="AliceBlue" Margin="2">
                                <Border.StrokeShape>
                                    <RoundRectangle CornerRadius="20,20,20,20"/>
                                </Border.StrokeShape>
                            </Border>
                            <Label Grid.Row="1" VerticalOptions="Center" HorizontalOptions="Center" Text="{Binding Title}" TextColor="Black"></Label>
                        </Grid>
                    </Border>
                </DataTemplate>
             </BindableLayout.ItemTemplate>
        </HorizontalStackLayout>

Answer 1

StackLayout 就是这样做的，它堆叠。 无论是水平还是垂直，它都会一个接一个地堆叠。 如果是水平的，它永远不会增加一行，如果是垂直的，它永远不会增加一列。

然而， FLexLayout确实有一个针对这种情况的 Wrap 属性。 结合FlexDirection ，您应该能够以任何方式包装它。

根据您希望如何显示项目，在所有可用的不同布局之间，您应该能够找到适合您需要的布局。