Xamarin Forms：如何在Android端将页面标题居中以保持跨平台一致性

当然可以实现！在Xamarin.Forms里，Android默认的导航栏标题是左对齐的，想要和iOS端保持一致的居中效果，我们可以通过自定义导航栏渲染器来搞定，下面给你具体的实现步骤：

步骤1：在Android项目中创建自定义渲染器 #

在你的Android项目里新建一个类（比如命名为CenteredTitleNavigationRenderer），继承自NavigationRenderer，通过重写布局方法来调整标题的对齐方式：

using Android.Content;
using Android.Views;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using gl_mobile_app.Droid.Renderers; // 替换成你项目的实际命名空间

[assembly: ExportRenderer(typeof(NavigationPage), typeof(CenteredTitleNavigationRenderer))]
namespace gl_mobile_app.Droid.Renderers
{
    public class CenteredTitleNavigationRenderer : NavigationRenderer
    {
        public CenteredTitleNavigationRenderer(Context context) : base(context)
        {
        }

        protected override void OnLayout(bool changed, int l, int t, int r, int b)
        {
            base.OnLayout(changed, l, t, r, b);

            // 找到系统默认的标题控件
            var titleView = FindViewById<Android.Widget.TextView>(Resource.Id.title);
            if (titleView != null)
            {
                // 设置标题居中显示
                titleView.Gravity = GravityFlags.Center;
                // 调整布局参数，让标题宽度占满导航栏，避免被返回按钮遮挡
                var layoutParams = titleView.LayoutParameters as LayoutParams;
                if (layoutParams != null)
                {
                    layoutParams.Width = LayoutParams.MatchParent;
                    titleView.LayoutParameters = layoutParams;
                }
            }
        }
    }
}

步骤2：保持XAML中的原有设置 #

你提供的XAML代码里已经正确开启了导航栏并设置了标题，这部分不需要修改，继续保留即可：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             xmlns:maps="clr-namespace:Xamarin.Forms.Maps;assembly=Xamarin.Forms.Maps" 
             x:Class="gl_mobile_app.Views.Map.MapPage" 
             NavigationPage.HasNavigationBar="True" 
             Title="Map" >
    <!-- 你的页面内容和ToolbarItems代码 -->
</ContentPage>

补充：如果项目使用Xamarin.Forms Shell #

要是你的应用基于Shell架构，那可以更简单地通过自定义TitleView来实现跨平台标题居中，直接在Shell的XAML里添加以下代码：

<Shell.TitleView>
    <Label Text="Map" 
           HorizontalOptions="Center" 
           VerticalOptions="Center"
           FontSize="Large"
           FontAttributes="Bold"/>
</Shell.TitleView>

这样不管是Android还是iOS端，导航栏标题都会完美居中，实现跨平台视觉一致性啦！

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