xamarin.forms - Xamarin.Forms 使用 Flyout/Menu Item 作为标题并自定义 BG 颜色和文本颜色

Question

在我的 shell 应用程序弹出菜单中，我希望有只是文本的标题项。它们必须是不可点击和可定制的（我想弄清楚的最重要的部分是可定制的部分）。

在我的 MainShell.xaml 页面中包含此代码会导致项目出现，但我无法弄清楚如何自定义它们的外观（我希望“父母”和“学生”具有不同的背景颜色和文本颜色）。

<MenuItem Text="Parent"/>

<FlyoutItem Title="Lobby">
    <ShellContent ContentTemplate="{DataTemplate pages:Lobby}" />
</FlyoutItem>

<FlyoutItem Title="Announcements">
    <ShellContent ContentTemplate="{DataTemplate pages:Announcements}" />
</FlyoutItem>

<MenuItem Text="Student"/>

Answer 1

有一个Shell.MenuItemTemplate可以定义 MenuItem 外观，然后您可以自定义具有不同背景颜色和文本颜色的 MenuItem。

例如：

<MenuItem>
    <Shell.MenuItemTemplate>
        <DataTemplate>
            <Label Text="Custom MenuItem"
                   HeightRequest="40"
                   HorizontalTextAlignment="Center"
                   VerticalTextAlignment="Center"
                   FontSize="Large"
                   FontFamily="Montserrat-Regular"
                   BackgroundColor="LightBlue" 
                   TextColor="Brown"/>
        </DataTemplate>
    </Shell.MenuItemTemplate>
</MenuItem>

效果：