如何使用Xamarin.Forms将工具栏标题文本设置为靠左对齐

实现方案 #

要实现Dashboard标题靠左对齐，最稳定且兼容多平台的方案是使用Xamarin Forms提供的NavigationPage.TitleView附加属性自定义标题区域，无需隐藏整个导航栏，原有右上角的退出按钮也可以正常保留，修改步骤如下：

1. 删掉原有代码里ContentPage.ToolbarItems中定义的文字为Dashboard的ToolbarItem，同时去掉ContentPage标签中默认的Title="Dashboard"属性，避免和自定义标题重复
2. 在ContentPage节点下添加NavigationPage.TitleView配置，自定义靠左的标题：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="SmartEntry.DashBoard"
             BackgroundColor="White">
    <!-- 新增自定义标题区域 -->
    <NavigationPage.TitleView>
        <StackLayout Orientation="Horizontal" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
            <Label 
                Text="Dashboard" 
                FontSize="18" 
                HorizontalOptions="Start" 
                VerticalTextAlignment="Center"
                TextColor="Black"/>
        </StackLayout>
    </NavigationPage.TitleView>

    <ContentPage.ToolbarItems>
        <!-- 只保留退出按钮的ToolbarItem即可 -->
        <ToolbarItem Icon="logout_icon.png" Order="Primary" Priority="1" Clicked="ToolbarItem_Clicked"/>
    </ContentPage.ToolbarItems>

    <ContentPage.Content>
        <!-- 原有页面内容保持不变 -->
        <StackLayout>
            <Frame BackgroundColor="White" HasShadow="False">
                <StackLayout Orientation="Vertical" Spacing="10" WidthRequest="100">
                    <!-- 原有后续内容 -->

如果部分安卓设备出现标题左边有额外空白的情况，可以在TitleView的根布局添加左侧负边距适配：Margin="-16,0,0,0"即可对齐到最左侧。

内容的提问来源于stack exchange，提问作者Gajjar Shalin