有关涉及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

更改完后,就可以了

适配完成后