iOS - 相同小宽度的 UIView 不会在较小的设备上布局

Posted 2023-03-12

【中文标题】iOS - 相同小宽度的 UIView 不会在较小的设备上布局

【英文标题】：iOS - UIView of same small width does not layout on smaller devices

【发布时间】：2020-05-07 06:37:14

【问题描述】：

我有一个定义如下的 UIView -

private let verticalSeparatorLine: UIView = 
   let view = UIView()
   view.translatesAutoresizingMaskIntoConstraints = false
   view.alpha = 0.94
   view.backgroundColor = .lightGray
   return view
()

这就是我将它添加到视图控制器视图的方式。

override func viewDidLoad() 
    super.viewDidLoad()
    addTestView()


private func addTestView() 

    view.addSubview(verticalSeparatorLine)

    NSLayoutConstraint.activate([
        verticalSeparatorLine.centerX.constraint(to: view.centerX),
        verticalSeparatorLine.bottomAnchor.constraint(to: view.bottomAnchor),
        verticalSeparatorLine.widthAnchor.constraint(0.3),
        verticalSeparatorLine.heightAnchor.constraint(70)
    ])

如果我将此verticalSeparatorLine 添加到iPhone X 等较大设备中的ViewController 视图中，则视图的布局与预期一致。在较小的设备中，视图的宽度为零。如果我将宽度增加到 2，它会出现在两个设备上。

我错过了什么吗？

更新： 如果我替换为leadingAnchor，verticalSeparatorLine 是可见的，宽度为 0.5。

verticalSeparatorLine.leadingAnchor.constraint(to: view.leadingAnchor, constant: 10),

【问题讨论】：

我之前遇到过这个问题，经过搜索和尝试了很多方法，最后我的解决方案是在这里使用图像^_^！

【参考方案1】：

这取决于设备的分辨率，如果 UIScreen.main.scale == 2 意味着你设置宽度 1 等于 2 像素的宽度，所以 0.3(0.6pixel) 不能显示，但在 scale3 设备中，0.33 正好等于到 1 个像素。