在 Android MAUI 特定页面上灵活控制方向

2024-03-11 21:48:57

在 MAUI 特定页面上管理方向

在 Android MAUI 应用程序中，出于多种原因，全局禁用横向模式很常见。然而，有时你可能需要在特定页面上启用或禁用方向。本文将探讨在特定 MAUI 页面上启用方向的不同方法。

方法 1：使用 Shell.Current.Dispatcher

Shell.Current.Dispatcher 允许你动态设置页面方向。在页面代码中，添加以下代码：

protected override async void OnAppearing()
{
    base.OnAppearing();

    await Shell.Current.Dispatcher.BeginInvokeOnMainThreadAsync(() =>
    {
        Shell.Current.SetOrientation(this, ScreenOrientation.Landscape);
    });
}

protected override async void OnDisappearing()
{
    base.OnDisappearing();

    await Shell.Current.Dispatcher.BeginInvokeOnMainThreadAsync(() =>
    {
        Shell.Current.SetOrientation(this, ScreenOrientation.Portrait);
    });
}

这将使页面在出现时切换到横向模式，在消失时切换回纵向模式。

方法 2：使用 DependencyService

DependencyService 提供跨平台的方式来管理方向。创建以下接口：

public interface IOrientationService
{
    void SetOrientation(Page page, ScreenOrientation orientation);
}

并实现它：

public class OrientationService : IOrientationService
{
    public void SetOrientation(Page page, ScreenOrientation orientation)
    {
        page.SetValue(Shell.OrientationProperty, orientation);
    }
}

在页面代码中，使用它：

protected override void OnAppearing()
{
    base.OnAppearing();

    DependencyService.Get<IOrientationService>().SetOrientation(this, ScreenOrientation.Landscape);
}

protected override void OnDisappearing()
{
    base.OnDisappearing();

    DependencyService.Get<IOrientationService>().SetOrientation(this, ScreenOrientation.Portrait);
}

方法 3：使用 OnPlatform

OnPlatform 允许你根据平台特定方向。在 XAML 中添加：

<ContentPage ...>
    <ContentPage.Content>
        <StackLayout>
            ...
        </StackLayout>
    </ContentPage.Content>
    <ContentPage.PlatformConfiguration>
        <Android>
            <VisualElement.ScreenOrientation>
                <OnPlatform x:TypeArguments="Android,Orientation">
                    <On x:TypeArguments="Android">
                        Landscape
                    </On>
                    <On x:TypeArguments="iOS,Orientation">
                        Portrait
                    </On>
                </OnPlatform>
            </VisualElement.ScreenOrientation>
        </Android>
    </ContentPage.PlatformConfiguration>
</ContentPage>

方法 4：使用 On

On 允许你根据特定设备类型设置方向。在 XAML 中添加：

<ContentPage ...>
    <ContentPage.Content>
        <StackLayout>
            ...
        </StackLayout>
    </ContentPage.Content>
    <ContentPage.On<TDevice.Android>>
        <VisualElement.ScreenOrientation>
            <OnPlatform x:TypeArguments="Android,Orientation">
                <On x:TypeArguments="Android">
                    Landscape
                </On>
            </OnPlatform>
        </VisualElement.ScreenOrientation>
    </ContentPage.On<TDevice.Android>>
</ContentPage>