如何自定义 xamarin 表单 UWP 顶栏

Posted 2023-03-25

【中文标题】如何自定义 xamarin 表单 UWP 顶栏

【英文标题】：How to customize xamarin forms UWP top bar

【发布时间】：2020-01-31 19:37:18

【问题描述】：

我正在尝试将工具栏作为此图像（应用顶部栏）：

我想添加按钮取消和保存，如上图所示。我正在尝试使用 ToolbarItems 来执行此操作，但我得到了 [...] 按钮，它实际上充当“下拉菜单”。

有没有办法让它成为第一张图片？谢谢。

【问题讨论】：

docs.microsoft.com/en-us/samples/xamarin/xamarin-forms-samples/…

【参考方案1】：

正如sermet所说，你可以使用 NavigationPage.TitleView ，用法很简单。

  <NavigationPage.TitleView>
    <Grid HorizontalOptions="FillAndExpand">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="100"/>
        </Grid.ColumnDefinitions>

        <Button Text="Cancel" />
        <Label Text="Example Title" FontSize="Large" Grid.Column="1" HorizontalTextAlignment="Center"/>
        <Button Text="Save" Grid.Column="2"/>
    </Grid>
</NavigationPage.TitleView>

更新

【讨论】：

如何让按钮占据标题视图的全部高度？

网格（黄色区域）没有占据标题视图的整个空间，我尝试将 VerticalOptions 设置为 FillAndExpand ，但没有运气。