iOS：确保iPhone SE上UINavigationBar的Bar Button Item显示完整尺寸

这个问题我太熟悉了！iPhone SE这类小屏设备的导航栏右侧空间本来就紧张，系统默认会给rightBarButtonItems的总宽度设一个阈值，当三个按钮加起来的宽度超过这个阈值时，就会被压缩甚至裁剪，导致显示不全。下面给你几个实用的解决办法：

1. 自定义按钮尺寸，缩小单个按钮宽度 #

系统默认的UIBarButtonItem尺寸对于小屏来说可能偏大，我们可以通过自定义UIButton来控制按钮的大小，确保三个按钮能放下：

// 封装一个创建自定义导航栏按钮的方法
private func makeNavButton(imageName: String, action: Selector) -> UIBarButtonItem {
    let button = UIButton(type: .custom)
    button.setImage(UIImage(named: imageName), for: .normal)
    // 设置合适的小屏尺寸，比如28x28，根据你的图标大小调整
    button.frame = CGRect(x: 0, y: 0, width: 28, height: 28)
    // 确保点击区域足够，避免太小不好点
    button.contentEdgeInsets = UIEdgeInsets(top: 4, left: 4, bottom: 4, right: 4)
    button.addTarget(self, action: action, for: .touchUpInside)
    return UIBarButtonItem(customView: button)
}

// 调用方法创建按钮
let button1 = makeNavButton(imageName: "button1", action: #selector(button1Tapped))
let button2 = makeNavButton(imageName: "button2", action: #selector(button2Tapped))
let button3 = makeNavButton(imageName: "button3", action: #selector(button3Tapped))

navigationItem.rightBarButtonItems = [button1, button2, button3]

2. 缩小按钮之间的默认间距 #

系统默认会给相邻的UIBarButtonItem之间加上一定的间距，我们可以插入固定宽度的负间距项来缩小空隙，节省空间：

// 创建负间距的BarButtonItem
let narrowSpacing = UIBarButtonItem(barButtonSystemItem: .fixedSpace, target: nil, action: nil)
narrowSpacing.width = -8 // 数值可以根据需要调整，负数值越小间距越窄

// 把间距项插入到按钮之间
navigationItem.rightBarButtonItems = [button1, narrowSpacing, button2, narrowSpacing, button3]

3. 备选优化方案（根据业务需求选择） #

如果上面的方法还是不够，或者按钮功能允许的话，可以考虑：

• 将部分按钮合并到一个下拉菜单（比如用UIMenu绑定到某个按钮上）
• 使用分段控件（UISegmentedControl）替代多个独立按钮，节省空间

注意事项 #

• 调整按钮尺寸时，要保证按钮的点击区域足够大（至少44x44pt是iOS的交互规范），可以通过contentEdgeInsets来扩展点击区域，避免用户难以点击
• 记得在iPhone SE的不同代机型上测试显示效果，确保适配到位

内容的提问来源于stack exchange，提问作者kmell96