iOS开发中iPhone和iPad的布局适配(工具篇)
2020-06-08 本文已影响0人
coder_xiang
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
}
}
