iOS开发中iPhone和iPad的布局适配(工具篇)

UIAdaptiveKit

image.png

LayoutTool.swift : UI自动布局的便捷方法, 主要有常用的宽度, 高度, 字体大小设置. 非常用的封装在LayoutTool的struct里面.
LayoutMethod.swift : 为 LayoutTool提供实现的方法
UIDevice+Extension.swift : 为设备提供便捷方法例如判断机型, 系统类型等等.
相关代码如下:

`LayoutTool.swift`

import UIKit

///适配手机和平板的宽度
public func autoWidth(_ width: CGFloat) -> CGFloat {
    if  UIApplication.shared.statusBarOrientation.isLandscape {
        return LayoutMethod.autoLayoutWidth(iPhoneWidth: width)
    }else {
        return  LayoutMethod.autoLayoutHeight(iPhoneHeight: width)
    }
}
///适配手机和平板的高度
public func autoHeihgt(_ height: CGFloat) -> CGFloat {
    
    if  UIApplication.shared.statusBarOrientation.isLandscape {
        return LayoutMethod.autoLayoutHeight(iPhoneHeight: height)
    }else {
        return  LayoutMethod.autoLayoutWidth(iPhoneWidth: height)
    }
}

///系统字号
func autoFontSize(_ font: Float) -> UIFont {

    let floatSize = UIDevice.isIpad ? font * 1.5 : font
    let font : UIFont = UIFont.systemFont(ofSize: CGFloat(floatSize))
    return font
}

struct LayoutTool{
    
    ///加粗的系统字号
    static func autoBoldfontSize(_ font: Float) -> UIFont {

        let floatSize = UIDevice.isIpad ? font * 1.5 : font
        let font : UIFont = UIFont.boldSystemFont(ofSize: CGFloat(floatSize))
        return font
    }

    ///安全距离的Insets
    static var safeAreaInsets: UIEdgeInsets {
        if #available(iOS 11.0, *) {
            return UIApplication.shared.delegate?.window??.safeAreaInsets ?? .zero
        }
        return .zero
    }
    ///左边安全距离
    static let leftSafeInset = safeAreaInsets.left
    ///右边安全距离
    static let rightSafeInset = safeAreaInsets.right
    ///上边安全距离
    static let topSafeInset = safeAreaInsets.top
    ///下边安全距离
    static let bottomSafeInset = safeAreaInsets.bottom
    
    ///横屏下的屏幕宽度
    static let autoScreenWidth = max(UIScreen.main.bounds.height, UIScreen.main.bounds.width)
    
    ///横屏下的屏幕高度
    static let autoScreenHeight = min(UIScreen.main.bounds.height, UIScreen.main.bounds.width)
}

`LayoutMethod.swift`

import UIKit
 
struct LayoutMethod {

    ///横屏情况下的宽度设置
    ///
    /// - Parameters:
    ///   - iPhoneWidth: iPhone6 垂直方向@2x尺寸
    ///   - iPadWidth: 分辨率比例为768*1024的iPad
    /// - Returns: 适配后的尺寸

   static  func autoLayoutWidth(iPhoneWidth: CGFloat, iPadWidth: CGFloat? = nil) -> CGFloat {
        var autoWidth: CGFloat = 0.0
        let normalWidth:CGFloat = 667.0//以iphone6为标准  375 * 667
        let actualwidth = LayoutTool.autoScreenWidth//横屏下的屏幕宽度
        //iphone的自动布局
        if UIDevice.isIphone {
            if UIDevice.isiPhoneXSeries() {//是否iPhone X系列
                autoWidth = (iPhoneWidth * ((actualwidth - 78.0) / normalWidth)).rounded(3)//精确到小数点后3位
            }else{
                 autoWidth = (iPhoneWidth * (actualwidth/normalWidth)).rounded(3)
            }
        //iPad的自动布局
        }else if UIDevice.isIpad{
            guard let ipadW = iPadWidth else {
                autoWidth = (iPhoneWidth * (actualwidth/normalWidth)).rounded(3)
                return autoWidth
            }
            autoWidth = (ipadW * (actualwidth/normalWidth)).rounded(3)
        }
        return autoWidth
    }
    
     ///横屏情况下的高度设置
     ///
     /// - Parameters:
     ///   - iPhoneH: iPhone6 垂直方向
     ///   - iPadH: 分辨率比例为768*1024的iPad
     /// - Returns: 适配后的尺寸

    static  func autoLayoutHeight(iPhoneHeight: CGFloat, iPadHeight: CGFloat? = nil) -> CGFloat {

        var autoHeight: CGFloat = 0.0
        let normalHeight:CGFloat = 375.0//以iphone6为标准  375 * 667
        let actualHeight = LayoutTool.autoScreenHeight //横屏下的屏幕高度
         //iphone的自动布局
         if UIDevice.isIphone {
            autoHeight = (iPhoneHeight * (actualHeight/normalHeight)).rounded(3)
        //iPad的自动布局
         }else if UIDevice.isIpad{
            
            guard let ipadH = iPadHeight else {
                autoHeight = (iPhoneHeight * (actualHeight/normalHeight)).rounded(3)
                return autoHeight
            }
            autoHeight = (ipadH * (actualHeight/normalHeight)).rounded(3)
         }
         return autoHeight
     }


}

public extension CGFloat {
    ///精确到小数点后几位
    func rounded(_ decimalPlaces: Int) -> CGFloat {
        let divisor = pow(10.0, CGFloat.maximum(0, CGFloat(decimalPlaces)))
        return CGFloat((CGFloat(self) * divisor).rounded() / divisor)
    }
}

`UIDevice+Extension.swift`


import UIKit

extension UIDevice {
    
    // MARK: - 判断 机型
    static let isIphone = UIDevice.current.userInterfaceIdiom == .phone
    static let isIpad = UIDevice.current.userInterfaceIdiom == .pad
    
    /// 判断是否为刘海屏 iphonex系列
    static func isiPhoneXSeries() -> Bool {
        
        guard #available(iOS 11.0, *) else {
            return false
        }
        return UIApplication.shared.windows[0].safeAreaInsets != UIEdgeInsets.zero
    }
    
    // MARK: - 系统类型
    public class func isiOS13() -> Bool {
        if #available(iOS 13.0, *) {
            return true
        } else {
            return false
        }
    }
    
    public class func isiOS12() -> Bool {
        if #available(iOS 12.0, *) {
            return true
        } else {
            return false
        }
    }
    
    public class func isiOS11() -> Bool {
        if #available(iOS 11.0, *) {
            return true
        } else {
            return false
        }
    }
    
    public class func isiOS10() -> Bool {
        if #available(iOS 10.0, *) {
            return true
        } else {
            return false
        }
    }
    
    public class func isiOS9() -> Bool {
        if #available(iOS 9.0, *) {
            return true
        } else {
            return false
        }
    }
    
    // MARK: - 屏幕类型
    @objc public class func isiPhoneX() -> Bool {
        if (UIScreen.main.currentMode?.size.equalTo(CGSize.init(width: 1125, height: 2436)))! {
            return true
        }
        return false
    }
    
    public class func isiPhone6PlusBigMode() -> Bool {
        if (UIScreen.main.currentMode?.size.equalTo(CGSize.init(width: 1125, height: 2001)))! {
            return true
        }
        return false
    }
    
    public class func isiPhone6Plus() -> Bool {
        if (UIScreen.main.currentMode?.size.equalTo(CGSize.init(width:1242, height: 2208)))! {
            return true
        }
        return false
    }
    
    public class func isiPhone6BigMode() -> Bool{
        if (UIScreen.main.currentMode?.size.equalTo(CGSize.init(width: 320, height: 568)))! {
            return true
        }
        return false
    }
    
    public class func isiPhone6() -> Bool {
        if (UIScreen.main.currentMode?.size.equalTo(CGSize.init(width:750, height: 1334)))! {
            return true
        }
        return false
    }
    
    public class func isiPhone5() -> Bool {
        if (UIScreen.main.currentMode?.size.equalTo(CGSize.init(width: 640, height: 1136)))! {
            return true
        }
        return false
    }
    

}