如何仅在iPhone 5s/SE特定设备上隐藏单个按钮？

嘿，这个问题我之前帮好几个开发者解决过——针对iPhone 5s和初代SE上的按钮叠加问题，下面给你几个实用的实现方案，你可以根据自己的项目类型选最合适的：

iPhone 5s和初代SE的屏幕都是4英寸，对应的原生分辨率为640x1136（逻辑分辨率320x568）。我们可以通过检查屏幕的原生尺寸来快速定位这两类设备：

UIKit 实现代码 #

import UIKit

extension UIDevice {
    static func isIPhone5sOrSE1() -> Bool {
        let screenSize = UIScreen.main.nativeBounds.size
        // 考虑屏幕旋转的情况，取宽高的最小/最大值判断
        return min(screenSize.width, screenSize.height) == 640 && max(screenSize.width, screenSize.height) == 1136
    }
}

// 在你的ViewController中使用
override func viewDidLoad() {
    super.viewDidLoad()
    // 替换成你要隐藏的按钮实例
    if UIDevice.isIPhone5sOrSE1() {
        overlappingButton.isHidden = true
    }
}

SwiftUI 实现代码 #

import SwiftUI

struct YourView: View {
    private var shouldHideButton: Bool {
        let screenSize = UIScreen.main.nativeBounds.size
        return min(screenSize.width, screenSize.height) == 640 && max(screenSize.width, screenSize.height) == 1136
    }
    
    var body: some View {
        VStack {
            // 其他界面元素
            Button("正常按钮") {}
            
            // 需要隐藏的按钮
            Button("叠加按钮") {}
                .hidden(shouldHideButton)
        }
    }
}

优点：代码简洁，无需额外依赖；缺点：如果未来苹果发布新的4英寸设备，可能会误触发隐藏逻辑。

如果担心未来设备迭代导致误判，直接检查设备型号是最稳妥的方式。iPhone 5s的型号代码为iPhone6,1/iPhone6,2，初代SE的型号代码为iPhone8,4：

import UIKit

extension UIDevice {
    static func isIPhone5sOrSE1() -> Bool {
        let targetModels = ["iPhone 5s", "iPhone SE (1st generation)"]
        return targetModels.contains(UIDevice.current.modelName)
    }
    
    // 扩展获取可读的设备型号名称
    var modelName: 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 "iPhone6,1", "iPhone6,2": return "iPhone 5s"
        case "iPhone8,4": return "iPhone SE (1st generation)"
        default: return identifier
        }
    }
}

// 使用方式和方案1一致
override func viewDidLoad() {
    super.viewDidLoad()
    if UIDevice.isIPhone5sOrSE1() {
        overlappingButton.isHidden = true
    }
}

优点：完全精准匹配目标设备，不会误判；缺点：如果有新的同类型设备发布，需要更新型号列表。

如果不想直接隐藏按钮，也可以通过调整Auto Layout约束来避免按钮叠加，让用户依然能看到并使用按钮：

import UIKit

class YourViewController: UIViewController {
    @IBOutlet weak var overlappingButton: UIButton!
    // 假设你给叠加按钮加了底部约束的IBOutlet
    @IBOutlet weak var buttonBottomConstraint: NSLayoutConstraint!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        if UIDevice.isIPhone5sOrSE1() {
            // 调整约束值，让按钮下移/上移避免叠加，数值根据你的布局调整
            buttonBottomConstraint.constant += 25
        }
    }
}

优点：保留了按钮的可用性，提升用户体验；缺点：需要提前设置好可调整的约束，适合布局调整空间充足的场景。

内容的提问来源于stack exchange，提问作者EMAT Digital Marketing