VS for Mac中利用AutoLayout适配横竖屏视图的技术求助

Hey there! 折腾了一整天查资料还没搞定确实闹心，我来帮你把OnSizeAllocated这个方法用起来，实现横屏专属的登录视图，一步步来：

1. 先准备两套专属登录视图 #

在你的ViewController里，先搞定竖屏和横屏两套UI：

• 可以在Storyboard里拖两个UIView，分别命名为portraitLoginView（竖屏登录界面）和landscapeLoginView（横屏登录界面）
• 把登录相关的控件（输入框、按钮、Logo等）分别放到对应的视图里
• 初始状态下把横屏视图设为隐藏：landscapeLoginView.Hidden = true;

2. 重写OnSizeAllocated判断屏幕方向 #

这个方法会在视图大小变化时自动触发，刚好用来检测横竖屏切换。我们通过比较宽高判断方向，再切换对应的视图：

首先在ViewController里加个变量记录当前方向，避免重复触发切换逻辑：

private bool _isCurrentLandscape;

然后重写OnSizeAllocated方法：

public override void OnSizeAllocated(double width, double height)
{
    base.OnSizeAllocated(width, height);

    // 判断当前是否为横屏（宽 > 高）
    var isLandscape = width > height;
    
    // 只有方向真正变化时才执行切换
    if (isLandscape != _isCurrentLandscape)
    {
        _isCurrentLandscape = isLandscape;
        
        if (isLandscape)
        {
            // 切换到横屏视图
            portraitLoginView.Hidden = true;
            landscapeLoginView.Hidden = false;
            // 这里可以给横屏视图做额外调整，比如更新控件状态、绑定数据
        }
        else
        {
            // 切回竖屏视图
            portraitLoginView.Hidden = false;
            landscapeLoginView.Hidden = true;
        }
    }
}

3. 确保视图占满屏幕 #

不管用Storyboard还是代码创建视图，都要保证两个视图能铺满整个父视图：

• Storyboard里给两个视图添加「顶部、底部、左侧、右侧」与父视图的约束
• 代码创建的话，在切换视图时设置landscapeLoginView.Frame = View.Bounds;（竖屏视图同理）

额外小提示 #

• 横屏视图可以针对性优化，比如把用户名/密码输入框横向排列，或者放大按钮尺寸适配宽屏，提升横屏体验
• 测试时用模拟器旋转屏幕，或者真机测试，确保切换流畅没有布局错乱

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