有关涉及iPhone X的tabbar适配
在iPhone X如果tabbar的是自定义的,那么其中必然会有自己添加的按钮,没有做任何适配的话,会出现如下的情况:
没有适配前
这是因为tabbar的高度从49变成了83
之前使用的这个按钮是居中的
composeButton.centerX = width * 0.5
composeButton.centerY = height * 0.5
这个时候需要将按钮的y坐标上移 (83 - 49) * 0.5, 即17
可以使用下面这个分类对手机的型号进行判断,然后做处理,这个分类也是借鉴的他人的,目前已经更新到8/8plus/X的判断
extension UIDevice {
var deviceType: String {
var systemInfo = utsname()
uname(&systemInfo)
let machineMirror = Mirror(reflecting: systemInfo.machine)
let identifier = machineMirror.children.reduce("") { identifier, element in
guard let value = element.value as? Int8, value != 0 else { return identifier }
return identifier + String(UnicodeScalar(UInt8(value)))
}
switch identifier {
case "iPod5,1": return "iPod Touch 5"
case "iPod7,1": return "iPod Touch 6"
case "iPhone3,1", "iPhone3,2", "iPhone3,3": return "iPhone 4"
case "iPhone4,1": return "iPhone 4s"
case "iPhone5,1", "iPhone5,2": return "iPhone 5"
case "iPhone5,3", "iPhone5,4": return "iPhone 5c"
case "iPhone6,1", "iPhone6,2": return "iPhone 5s"
case "iPhone7,2": return "iPhone 6"
case "iPhone7,1": return "iPhone 6 Plus"
case "iPhone8,1": return "iPhone 6s"
case "iPhone8,2": return "iPhone 6s Plus"
case "iPhone8,4": return "iPhone SE"
case "iPhone9,1": return "iPhone 7"
case "iPhone9,2": return "iPhone 7 Plus"
case "iPhone10,1", "iPhone10,4": return "iPhone 8"
case "iPhone10,2", "iPhone10,5": return "iPhone 8 Plus"
case "iPhone10,3", "iPhone10,6": return "iPhone X"
case "iPad2,1", "iPad2,2", "iPad2,3", "iPad2,4":return "iPad 2"
case "iPad3,1", "iPad3,2", "iPad3,3": return "iPad 3"
case "iPad3,4", "iPad3,5", "iPad3,6": return "iPad 4"
case "iPad4,1", "iPad4,2", "iPad4,3": return "iPad Air"
case "iPad5,3", "iPad5,4": return "iPad Air 2"
case "iPad2,5", "iPad2,6", "iPad2,7": return "iPad Mini"
case "iPad4,4", "iPad4,5", "iPad4,6": return "iPad Mini 2"
case "iPad4,7", "iPad4,8", "iPad4,9": return "iPad Mini 3"
case "iPad5,1", "iPad5,2": return "iPad Mini 4"
case "iPad6,7", "iPad6,8": return "iPad Pro"
case "AppleTV5,3": return "Apple TV"
case "i386", "x86_64": return "Simulator"
default: return identifier
}
}
}
然后代码中加入这样的适配
// 设置撰写按钮的中心点
composeButton.centerX = width * 0.5
// 适配iPhone X的自定义tabbar按钮
composeButton.centerY = UIDevice.current.deviceType == "iPhone X" ? height * 0.5 - 17 : height * 0.5
注意
目前笔者只有模拟器可以跑,所以UIDevice.current.deviceType这个方法无法返回iPhone X,所以我是直接将y减去17
有关判断设备型号的方法,大家可以看这个
UIDeviceIdentifier
更改完后,就可以了
适配完成后
