Xamarin Forms Shell Flyout 具有多列

【问题标题】：Xamarin Forms Shell Flyout with multiple columnsXamarin Forms Shell Flyout 具有多列
【发布时间】：2021-06-25 13:31:26
【问题描述】：

我有一个业务需求来构建一个包含多列的弹出菜单。该菜单将具有所有基本的弹出行为位，它必须在左侧有一个狭窄的静态列，其中包含 3 个按钮，然后在其旁边有常规的可滚动弹出菜单。目前是否可以在 xamarin forms shell 中为弹出窗口做一个完全自定义的布局？

【问题讨论】：

标签： xamarin xamarin.forms menu flyout xamarin.shell

【解决方案1】：

您可以使用FlyoutContentTemplate 来执行此操作。

 <Shell.FlyoutContentTemplate>
    <DataTemplate>
       
        <StackLayout Orientation="Horizontal">
            <StackLayout BackgroundColor="Purple">
                <Button Text="home" />
                <Button Text="dash" />
                <Button Text="chat" />
            </StackLayout>
            <CollectionView
                BindingContext="{x:Reference shell}"
                IsGrouped="True"
                ItemsSource="{Binding FlyoutItems}">
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <Label
                            FontSize="Large"
                            Text="{Binding Title}"
                            TextColor="Black" />

                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>

        </StackLayout>
    </DataTemplate>
</Shell.FlyoutContentTemplate>

【讨论】：