横竖屏的转换及页面适配

最新推荐文章于 2023-05-31 22:22:37 发布

番薯大佬

最新推荐文章于 2023-05-31 22:22:37 发布

阅读量1.9k

点赞数

本文链接：https://blog.csdn.net/potato512/article/details/83503530

版权

本文介绍了横竖屏转换的两种情况，包括APP全局支持横竖屏和个别页面支持。通过设置项目配置、代理方法以及目标-动作方式实现横竖屏切换。同时，讨论了横竖屏切换后的页面适配策略，确保用户体验。

摘要由CSDN通过智能技术生成

横竖屏的转换，既可以手动操作实现，也可以自动旋转设备实现。
情况1：APP项目所有页面既支持横屏，又支持竖屏。
在项目配置中设置了支持横竖屏，则不需要对视图等做过多的配置即可实现横竖屏。如图所示：
横竖屏配置
情况2：APP项目根据需要，个别页面需要既支持横屏，又支持竖屏。
在项目配置中设置了只支持竖屏。如图所示：

实现逻辑

示例代码：
1、AppDelegate.h中定义是否允许旋转的变量

#import <UIKit/UIKit.h>

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;

/**
 * 是否允许转向
 */
@property (nonatomic, assign) BOOL allowRotation;

@end

2、AppDelegate.m中实现旋转的代理方法

- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(nullable UIWindow *)window
{
   
    if (self.allowRotation) {
   
        // 横竖屏
        return UIInterfaceOrientationMaskAllButUpsideDown;
    } else {
   
        // 竖屏
        return UIInterfaceOrientationMaskPortrait;
    }
}

3、在需要支持横竖屏旋转的页面实现相关方法
（1）进入视图控制器时，允许横竖屏

- (void)viewWillAppear:(BOOL)animated
{
   
    [super viewWillAppear:animated];
    
    // 允许横竖屏
    AppDelegate *appDelegate = (AppDelegate *)[UIApplication sharedApplication].delegate;
    appDelegate.allowRotation = YES;
}