iOS开发iPad横竖屏适配

基于之前的文章做了点更新 2022年02月21:
开发语言:Swift。
开发支持最低系统:iOS10.0。
项目需求:iPad支持全方向展示,iPhone限制竖屏模式(当然也可以放开支持)。

近阶段项目需要适配iPad,需要考虑横竖屏UI适配问题,总结一下我的做法:

项目配置

在General底下同时勾选iPhone,iPad,我们计划通过代码层面来控制页面的方向,所以Device Orientation选项勾选就不重要了:


image.png
具体实现
  1. 在AppDelete中实现旋转所支持的方向,为.all:
func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask {
  return .all
}
  1. 定义全局属性:
  • screenWidth, screenHeight变量:在屏幕旋转方法中进行重新赋值操作,以确保其始终和UIScreen.main.bounds相等,也就是当前方向屏幕的宽高;
  • isIPad属性:userInterfaceIdiom有很多,我们认定除了pad,按照phone处理,所以我定义了isIPad而不是isIPhone;
  • screenWidthScale:UI适配的比例先算好,用于视图布局,字体大小的计算;因为UIScreen.main.bounds是固定的,所以这个比例是不会变的,我基于的iPad屏宽是768pt,其他的是375pt;
  • 给需要的基本类型做func fit()的扩展,在视图布局的时候调用.fit()方法;
var screenWidth = UIScreen.main.bounds.width
var screenHeight = UIScreen.main.bounds.height

let isIPad = UIDevice.current.userInterfaceIdiom == .pad

let screenWidthScale = min(UIScreen.main.bounds.width, UIScreen.main.bounds.height) / (isIPad ? 768 : 375)

extension Int {
    func fit() -> CGFloat {
        screenWidthScale * CGFloat(self)
    }
}

举例调用.fit()的代码片段:

override func layoutSubviews() {
  super.layoutSubviews()
  
  let maxY_nav = WindowManager.share.safeAreaInsets.top + navH
  let h_bg = maxY_nav + 160.fit()
  bgImgV.frame = .init(x: 0, y: 0, width: bounds.width, height: h_bg)
}
  1. 在控制器中实现以下代码:
  • 这里建议只需在基类(BaseViewController)中实现一遍就好了;
  • 如果在非iPad情况下涉及到横屏展示的控制器,比如:手绘签名,图表展示,视频播放等,那么需要在该控制器中再次重写以下代码以支持各方向展示;
  • 如果自定义了NavBarController或TabBarController,那么也需要在类中重写以下属性,否则涉及到导航跳转或tabBar菜单切换都会有横竖UI层面问题;
/// 是否支持旋转
override var shouldAutorotate: Bool {
  isIPad
}
/// 支持页面旋转的类型:上下左右
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
  isIPad ? .all : .portrait
}

override var preferredInterfaceOrientationForPresentation: UIInterfaceOrientation {
  .portrait
}
  1. 旋转后的布局处理:
  • 就是对screenWidth和screenHeight一个重新赋值;
  • 同样建议在基类中实现,只需要写一遍;
  • 自定义的NavBarController或TabBarController无需实现;
override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
  super.viewWillTransition(to: size, with: coordinator)
  
  if isIPad {
    screenWidth = size.width
    screenHeight = size.height
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,142评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,298评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,068评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,081评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,099评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,071评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,990评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,832评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,274评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,488评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,649评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,378评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,979评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,625评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,643评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,545评论 2 352

推荐阅读更多精彩内容

  • 目录 一、最让人纠结的三种枚举 二、两种屏幕旋转的触发方式 三、屏幕旋转控制的优先级 四、开启屏幕旋转的全局权限 ...
    来闹的阅读 2,871评论 0 4
  • 关于横竖屏适配,有一句说一句,坑挺深的。之前做Vision和毕设的时候就处理过横竖屏问题,不过当时的功力太浅,明显...
    HarwordLiu阅读 37,250评论 26 137
  • 一、监听横竖屏的切换 1、通知方式: 如果使用这个通知,当iPhone/iPad旋转的时候,你会得到的旋转方向会是...
    CholMay阅读 12,749评论 6 33
  • 原文地址在我的个人主页 你可能非常了解用不同的方式去适配不同尺寸的iPhone屏幕,在适配iPhone屏幕时你需要...
    jmstack阅读 7,337评论 1 22
  • iOS 中横竖屏切换的功能,在开发iOS app中总能遇到。以前看过几次,感觉简单,但是没有敲过代码实现,最近又碰...
    零度_不结冰阅读 2,181评论 0 0