Inch - 优雅的iPhone全尺寸精准适配工具

前言

很多时候我们苦于需要精准的适配各个屏幕尺寸的UI, 通常根据某一种倍数计算的结果并不能满足精准的需求, 随着iPhone设备不同尺寸的增加 这种需求更加迫切, 当然我说的这些都是属于对于产品细节要求苛刻 追求完美的那一部分, 如果你觉得随便适配适配看着还行就够了, 那么现在就可以X掉这个页面了.

问题

为了解决这一情况的问题 OC中我们通常会写一些宏 例如 ISIPHONEX ISPLUS... 之类提供快速判断的 但是每一个地方都需要写如此多的判断显然不是明智的, 也有AUTO(20,25,30)类似这种的宏函数, 但是他们都有一个共同的缺点 扩展性不好, 假如每年果爹都出一块新尺寸的设备.. 使用这种思路适配简直是鼓励跳槽或者是闲来无事打发时间.

解决方案

考虑到扩展性和每一个尺寸的精确性, 我建了一个类型枚举 并且声明了iPhone所有尺寸类型 命名方式以 i开头+英寸数字:

enum InchType {
    case unknown
    case i58Full
    case i55
    case i47
    case i40
    case i35
    ....

接下来就是确定当前设备属于哪个类型

同样在类型枚举中增加一个当前类型的常量 通过闭包的方式初始化这个常量.
未来如果增加了新的设备 我们直接扩展这个枚举即可.

enum InchType {
    case unknown
    case i58Full
    case i55
    case i47
    case i40
    case i35
    
    static let current: InchType = {
        let screenWidth = Float(UIScreen.main.bounds.width)
        let screenHeight = Float(UIScreen.main.bounds.height)
        let width = min(screenWidth, screenHeight)
        let height = max(screenWidth, screenHeight)
        
        if width == 375, height == 812 { return .i58Full }
        if width == 414, height == 736 { return .i55 }
        if width == 375, height == 667 { return .i47 }
        if width == 320, height == 568 { return .i40 }
        if width == 320, height == 480 { return .i35 }
        return .unknown
    } ()
}

现在当前设备类型已经得到, 接下来就是考虑如何设计才能保证更灵活的扩展以及调用, 思前想后这种情景中最合适的莫过于链式, 同时想达到最大的灵活性 在Swift中必然要用到强大的protocol, 这样设计的好处在于链式可以无限制扩展新的值 并且语法优雅 调用起来简洁美观, protocol可以把应用对象不仅仅局限在一种类型上.

protocol Inchable {
    
    func i58full(_ value: Self) -> Self
    func i55(_ value: Self) -> Self
    func i47(_ value: Self) -> Self
    func i40(_ value: Self) -> Self
    func i35(_ value: Self) -> Self
}

为协议扩展默认实现 根据当前类型判断返回原有的还是该类型的.

extension Inchable {
    
    func i58full(_ value: Self) -> Self {
        return InchType.current == .i58Full ? value : self
    }
    func i55(_ value: Self) -> Self {
        return InchType.current == .i55 ? value : self
    }
    func i47(_ value: Self) -> Self {
        return InchType.current == .i47 ? value : self
    }
    func i40(_ value: Self) -> Self {
        return InchType.current == .i40 ? value : self
    }
    func i35(_ value: Self) -> Self {
        return InchType.current == .i35 ? value : self
    }
}

最后就可以让我们需要支持的类型实现该协议

extension Int: Inchable {}
extension Float: Inchable {}
extension CGFloat: Inchable {}
extension Double: Inchable {}
extension String: Inchable {}

到这里基本上就已经写完了, 下面看一下调用效果:

view.height = 10.i35(4).i40(5).i47(7).i55(9).i58full(20)

OK, 是不是感觉很清爽? 再啰嗦一下, 以上面的示例来说明一下干了些啥, 为某个view设置一下高度, 默认是10 那么如果是3.5英寸屏幕(4s)返回值就会是4, 如果是4.0英寸(se/5s)返回值就是5, 以此类推.. 5.8英寸full就是iPhone X.

当然如果有些尺寸不需要适配你也可以不写, 如果当前设备你没有设置就会返回默认值 (示例中为 10), 这样一来即使未来增加了某些新的尺寸设备, 我们还没来得及更新适配, 因为有默认值所以问题也不大, 在扩展新尺寸时只需要在枚举中增加新类型并且在需要适配的地方后面追加一个.iXX()即可.

各种玩法, 甚至可以扩展UIColor实现该协议 不同设备不同颜色也是阔以玩的, 当然除了适配屏幕外 还可以用这个思路完成其他的操作 留给你们点想象空间.

/// String
label.text = "真实姓名:".i47("您的真实姓名").i55("请输入您的真实姓名").i58full("输入真实姓名")

总结

以上方案可以很好地支持不同设备精准适配的需求, 并且保持良好的扩展性和灵活性, 这里也充分利用了Swift强大的语法特性, 为适配创造了更多的可能.

如果你有更好的想法 欢迎Issues留言讨论, 我是LEE, 下个轮子见.

下一篇 -> 等比例精准适配

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容