You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为.NET MAUI中ContentPage的标题添加样式并居中?

问题:.NET MAUI桌面应用中ContentPage标题居中和样式设置

我正在使用.NET MAUI开发桌面应用,现有一个标题为“My title”的ContentPage,代码如下:

<ContentPage
    x:Class="MAUI.Desktop.Pages.PlanningPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    Title="My title">
....
</ContentPage>

该页面标题默认左对齐,请问如何将其设置为居中显示?若可以,我还想为标题添加更多样式。


补充解决方案

1. 页面基于NavigationPage的场景

此前未说明该页面属于NavigationPage,对应的解决方案如下:

修改XAML代码,使用NavigationPage.TitleView自定义标题区域:

<ContentPage
    x:Class="MAUI.Desktop.Pages.PlanningPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
>
 <NavigationPage.TitleView>
        <Label
            x:Name="pageTitleView"
            HorizontalTextAlignment="Center"
            Text="My title"/>
</NavigationPage.TitleView>
......
</ContentPage>

在后台xaml.cs文件中重写OnSizeAllocated方法,确保标题宽度适配页面:

protected override void OnSizeAllocated(double width, double height)
{
    base.OnSizeAllocated(width, height);
    pageTitleView.WidthRequest = width;
}

2. 页面基于Shell应用的场景

若你使用的是Shell应用,可通过自定义Shell标题模板实现标题居中和样式定制。核心方式是利用Shell.TitleView属性设置自定义布局,在布局中添加Label等控件,通过控件的属性(如HorizontalTextAlignment、FontSize、TextColor等)调整标题的对齐方式和样式。


内容的提问来源于stack exchange,提问作者Hoàng Trần

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 16:46:17