Xamarin 5.0中如何固定页面内单个View的方向不随设备旋转

在Xamarin.Forms 5.0里要实现这种部分元素固定方向、部分跟随旋转的效果，核心思路是监听设备方向变化，通过旋转变换控制目标元素的角度，下面给你两种可行的实现方式：

方法一：页面允许自动旋转，固定元素反向抵消旋转 #

这种方式让页面正常响应设备旋转，然后给需要固定的元素施加反向旋转变换，抵消页面旋转带来的方向改变，模拟"固定"效果。

XAML代码 #

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourNamespace.FixedElementPage">
    <Grid>
        <!-- 跟随旋转的元素 -->
        <Label Text="Hello" 
               HorizontalOptions="Center" 
               VerticalOptions="Center"
               FontSize="Large"/>
        
        <!-- 固定方向的底部元素容器 -->
        <Frame x:Name="FixedBottomFrame"
               VerticalOptions="End"
               HorizontalOptions="Fill"
               HeightRequest="80"
               BackgroundColor="#f0f0f0">
            <Label Text="USA" 
                   HorizontalOptions="Center" 
                   VerticalOptions="Center"
                   FontSize="Large"/>
        </Frame>
    </Grid>
</ContentPage>

后台代码（C#） #

using Xamarin.Essentials;
using Xamarin.Forms;

namespace YourNamespace
{
    public partial class FixedElementPage : ContentPage
    {
        public FixedElementPage()
        {
            InitializeComponent();
            // 订阅设备方向变化事件
            OrientationSensor.ReadingChanged += OrientationSensor_ReadingChanged;
            // 启动传感器
            OrientationSensor.Start(SensorSpeed.UI);
        }

        protected override void OnDisappearing()
        {
            base.OnDisappearing();
            // 页面消失时停止传感器，避免内存泄漏
            OrientationSensor.Stop();
            OrientationSensor.ReadingChanged -= OrientationSensor_ReadingChanged;
        }

        private void OrientationSensor_ReadingChanged(object sender, OrientationSensorChangedEventArgs e)
        {
            Device.BeginInvokeOnMainThread(() =>
            {
                var orientation = DeviceDisplay.MainDisplayInfo.Orientation;
                // 根据当前方向计算固定元素需要的反向旋转角度
                switch (orientation)
                {
                    case DisplayOrientation.LandscapeLeft:
                        FixedBottomFrame.Rotation = -90;
                        break;
                    case DisplayOrientation.LandscapeRight:
                        FixedBottomFrame.Rotation = 90;
                        break;
                    case DisplayOrientation.PortraitUpsideDown:
                        FixedBottomFrame.Rotation = 180;
                        break;
                    default: // Portrait
                        FixedBottomFrame.Rotation = 0;
                        break;
                }
            });
        }
    }
}

方法二：页面锁定方向，旋转元素主动适配 #

这种方式把页面锁定为竖屏，然后让需要跟随旋转的元素根据设备方向调整自身旋转角度，固定元素自然保持初始方向不变。

XAML代码 #

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourNamespace.FixedElementPage">
    <Grid>
        <!-- 跟随旋转的元素 -->
        <Label x:Name="RotatingLabel"
               Text="Hello" 
               HorizontalOptions="Center" 
               VerticalOptions="Center"
               FontSize="Large"/>
        
        <!-- 固定方向的底部元素 -->
        <Frame VerticalOptions="End"
               HorizontalOptions="Fill"
               HeightRequest="80"
               BackgroundColor="#f0f0f0">
            <Label Text="USA" 
                   HorizontalOptions="Center" 
                   VerticalOptions="Center"
                   FontSize="Large"/>
        </Frame>
    </Grid>
</ContentPage>

后台代码（C#） #

using Xamarin.Essentials;
using Xamarin.Forms;

namespace YourNamespace
{
    public partial class FixedElementPage : ContentPage
    {
        public FixedElementPage()
        {
            InitializeComponent();
            // 订阅屏幕信息变化事件
            DeviceDisplay.MainDisplayInfoChanged += DeviceDisplay_MainDisplayInfoChanged;
            // 初始化旋转角度
            UpdateRotatingElementAngle();
        }

        protected override void OnDisappearing()
        {
            base.OnDisappearing();
            DeviceDisplay.MainDisplayInfoChanged -= DeviceDisplay_MainDisplayInfoChanged;
        }

        private void DeviceDisplay_MainDisplayInfoChanged(object sender, DisplayInfoChangedEventArgs e)
        {
            UpdateRotatingElementAngle();
        }

        private void UpdateRotatingElementAngle()
        {
            var orientation = DeviceDisplay.MainDisplayInfo.Orientation;
            switch (orientation)
            {
                case DisplayOrientation.LandscapeLeft:
                    RotatingLabel.Rotation = 90;
                    break;
                case DisplayOrientation.LandscapeRight:
                    RotatingLabel.Rotation = -90;
                    break;
                case DisplayOrientation.PortraitUpsideDown:
                    RotatingLabel.Rotation = 180;
                    break;
                default:
                    RotatingLabel.Rotation = 0;
                    break;
            }
        }
    }
}

额外注意事项 #

• iOS平台：需要在Info.plist中配置支持的屏幕方向；如果用方法二锁定竖屏，需仅勾选"Portrait"选项。
• Android平台：方法一需在AndroidManifest.xml的Activity标签保留默认的android:screenOrientation="sensor"；方法二则设置为android:screenOrientation="portrait"。
• 传感器速度：SensorSpeed.UI足以满足界面更新需求，避免使用过高速度造成性能损耗。
• 内存管理：页面消失时必须取消事件订阅、停止传感器，防止内存泄漏。

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