MAUI如何删除标题栏并修复窗口尺寸？

Question

如何在应用程序版本的Windows版本中删除MAUI中的标题栏并将窗口大小固定为800x400像素？

全尺寸

我在Internet中搜索了很长时间毛伊岛后来的版本一年多以前发布。为什么Maui不支持窗口调整大小并将其缩放为条件WPF，它也将XAML用于窗口创建，我希望该版本有可能。

标题栏看起来很折断，因为它比关闭/倒塌/最大化按钮高。

Answer 1

不是在外壳本身中，而是在页面中显示在shell 内的页面，您应该设置shell.navbarisvisible属性为false，例如：

<ContentPage
    ...
    Shell.NavBarIsVisible="False" />

Answer 2

当标题为空的时候，没有显示上层栏。像这样：

Title=""

这样：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Chatfri.Pages.Settings"
             Title="">
    <StackLayout>
        <Label Text="Welcome to Settings!"
                VerticalOptions="Center" 
                HorizontalOptions="Center" />
    </StackLayout>
</ContentPage>

如果您使用shell可以使用shell.navbarisvisible =“ false”。

<Shell
    x:Class="Chatfri.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:Chatfri"
    xmlns:loc="clr-namespace:Chatfri.Pages"
    Shell.FlyoutBehavior="Disabled"
    Shell.NavBarIsVisible="False">

    <TabBar>
        <Tab Icon="home" Title="Home">
            <ShellContent
        
        ContentTemplate="{DataTemplate loc:Home}"
        Route="Home" />
        </Tab>
        <Tab Icon="messages" Title="Messages">
            <ShellContent
        
        ContentTemplate="{DataTemplate loc:Messages}"
        Route="Messages" />
        </Tab>
        <Tab Icon="settings" Title="Settings">
            <ShellContent
        
        ContentTemplate="{DataTemplate loc:Settings}"
        Route="Settings" />
        </Tab>
    </TabBar>

</Shell>

Answer 3

您可以读取文档 setBorderandtitlebar 和

setBorderandtitlebar（布尔值，布尔值）设置窗口的边框和标题栏属性。

resize（sizeInt32）将窗口调整为指定的大小。

您的mauiprogram.cs应该看起来像这样，

    using Microsoft.Maui.LifecycleEvents;
    #if WINDOWS
    using Microsoft.UI;
    using Microsoft.UI.Windowing;
    using Windows.Graphics;
    #endif
    
    namespace YourNameSpace
    {
        public static class MauiProgram
        {
            
            public static MauiApp CreateMauiApp()
            {
                var builder = MauiApp.CreateBuilder();
                builder
                    .UseMauiApp<App>()
                    .ConfigureFonts(fonts =>
                    {
                        fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                    });
    #if WINDOWS
            builder.ConfigureLifecycleEvents(events =>
            {
                events.AddWindows(wndLifeCycleBuilder =>
                {
                    wndLifeCycleBuilder.OnWindowCreated(window =>
                    {
                        window.ExtendsContentIntoTitleBar = false; /*This is important to prevent your app content extends into the title bar area.*/
                        IntPtr nativeWindowHandle = WinRT.Interop.WindowNative.GetWindowHandle(window);
                        WindowId win32WindowsId = Win32Interop.GetWindowIdFromWindow(nativeWindowHandle);
                        AppWindow winuiAppWindow = AppWindow.GetFromWindowId(win32WindowsId);
                        if(winuiAppWindow.Presenter is OverlappedPresenter p)
                        {
                            p.SetBorderAndTitleBar(false, false);
                        }
const int width = 1200;
                        const int height = 800;
/*I suggest you to use MoveAndResize instead of Resize because this way you make sure to center the window*/
                        winuiAppWindow.MoveAndResize(new RectInt32(1920 / 2 - width / 2, 1080 / 2 - height / 2, width, height));
                    });
                });
            });
    #endif
                builder.Services.AddMauiBlazorWebView();
                return builder.Build();
            }
        }
    }

但是您需要的代码是预处理器指令中发现的代码

#if WINDOWS

Answer 4

这是一个已知的错误和a pr是开放的现在，当合并时，它将将被固定。

Answer 5

也许这会比仅仅显示部分代码和令人困惑的情况更清晰，尤其是新手。记下“Shell.NavBarIsVisible”。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Demo.MainPage"
             Shell.NavBarIsVisible="False">
       
</ContentPage>

Answer 6

如果您希望您的应用程序完整屏幕（完全）隐藏的titlebar：

using Microsoft.Maui.LifecycleEvents;
#if WINDOWS
    using Microsoft.UI;
    using Microsoft.UI.Windowing;
    using Windows.Graphics;
#endif

namespace MauiApp1;

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {

        var builder = MauiApp.CreateBuilder();

        #if WINDOWS

        builder.ConfigureLifecycleEvents(events =>
        {
            events.AddWindows(lifeCycleBuilder =>
            {
                lifeCycleBuilder.OnWindowCreated(w =>
                {
                    w.ExtendsContentIntoTitleBar = false;
                    IntPtr wHandle = WinRT.Interop.WindowNative.GetWindowHandle(w);
                    WindowId windowId = Win32Interop.GetWindowIdFromWindow(wHandle);
                    AppWindow mauiWindow = AppWindow.GetFromWindowId(windowId);
                    mauiWindow.SetPresenter(AppWindowPresenterKind.FullScreen);  // TO SET THE APP INTO FULL SCREEN


                    //OR USE THIS LINE FOR YOUR CUSTOM POSITION
                    //  mauiWindow.MoveAndResize(YOUR DESIRED HOTIZONTAL POSITION, YOUR DESIRED VERTICAL POSITION, YOUR DESIRED WINDOW WIDTH, YOUR DESIRED WINDOW HEIGHT) ;
                });
            });
        });

        #endif


        #region == THIS IS GENERATED DEFAULT (UNRELATED) CODE ==

        builder
        .UseMauiApp<App>()
        .ConfigureFonts(fonts =>
        {
            fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
            fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
        });

        #endregion
        return builder.Build();
    }
}

Answer 7

我正在使用.NET MAUI和模态导航，我想拥有一个全屏应用程序 - 没有标题标题 - 无框架此代码对我有用。

NavigationPage.SetHasNavigationBar(this, false);

The above code worked for me for the .Net MAUI app. 

public partial class ImageDisplay: ContentPage
{
    public ImageDisplay()
    {
        InitializeComponent();
        NavigationPage.SetHasNavigationBar(this, false);  
    }
}

Answer 8

我在屏幕顶部也有顶部蓝色栏，因此位于工具栏上方。
这是我转换应用程序时的情况 Xamarin =>毛伊岛。
Xamarin：我有 MainActivity 主题 = "@style/Maui.SplashTheme"
并且没有顶栏。
毛伊岛：它是主题 =“@style/MainTheme”
并出现顶栏。

因此，在 Maui 应用程序中，我将主题替换为与 Xamarin 应用程序中相同的主题。
因此，在 [Maui Android] 应用程序 MainActivity.cs 中，我将主题设置为
主题=“@style/Maui.SplashTheme”
现在不再有顶部蓝色条。
希望这能有所帮助。