底部的 Xamarin Forms Flyout 菜单

Posted 2023-04-13

【中文标题】底部的 Xamarin Forms Flyout 菜单

【英文标题】：Xamarin Forms Flyout menu at bottom

【发布时间】：2021-02-07 15:05:18

【问题描述】：

有没有像图片一样在shell底部设置一个菜单项？

所以你将拥有所有正常的菜单：

然后在它的底部：

<MenuItem Text="Logout" IconImageSource="logout"
              Command="Binding SignOutCommand">
    </MenuItem>

【问题讨论】：

可以吗？

【参考方案1】：

您可以尝试将MenuItemTemplate 定义为实现此目的的解决方法：

<MenuItem Text="Logout" IconImageSource="logout"
          Command="Binding SignOutCommand">
    <Shell.MenuItemTemplate>
        <DataTemplate>
            <Grid >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.2*" />
                    <ColumnDefinition Width="0.8*" />
                </Grid.ColumnDefinitions>
                <Image Source="Binding Icon"
                   Margin="0,300,0,0"             //You need to adjust the margin value yourself 
                   HeightRequest="30" />
                <Label Grid.Column="1"
                   Margin="0,300,0,0"           //You need to adjust the margin value yourself 
                   Text="Binding Text"
                   FontAttributes="Italic"
                   VerticalTextAlignment="Center" />
            </Grid>
        </DataTemplate>
    </Shell.MenuItemTemplate>
</MenuItem>

【讨论】：

无论屏幕大小如何，这都有效吗？

您需要根据您的屏幕尺寸调整Margin值。