Autolayout 跨设备渲染不一致
Autolayout Rendering inconsistently across devices
我有一系列视图,每个视图都包含一个滚动视图,其中包含各种子视图,即集合视图、标签、图像视图。我是第一次使用自动布局,有些视图在某些设备上渲染良好但在其他设备上渲染效果不佳,我附上了 iPhone 4s、5 和 6 上的视图预览。
特别是我不确定历史视图的对齐方式如何在 iPhone 5 和 4 中出现偏离中心但在 6 中很好,并且 iPhone 6 中的集合视图出现 cut sort on右侧但不是 iPhone 5,4,最后是 iPhone 4s 上可缩放图像顶部带有标签 'Image Title' 的蓝色图像似乎被剪短了。我会认为自动布局中的错误在设备之间是一致的吗?
感谢任何意见。
您似乎在某些元素上设置了绝对宽度。相反,您应该设置到父 UIView
边缘的距离。 IE。 trailing/leading space 到容器。
尽量给出一致的约束条件。看起来您只是在对 superview 进行 leading 和 top space,也许您正在添加宽度和高度约束以避免放错位置的视图。尝试像在自动布局之前进行自动调整蒙版一样思考。要么尝试保持比率,要么使用具有尾部和底部 space 约束的容器进行扩展。
我有一系列视图,每个视图都包含一个滚动视图,其中包含各种子视图,即集合视图、标签、图像视图。我是第一次使用自动布局,有些视图在某些设备上渲染良好但在其他设备上渲染效果不佳,我附上了 iPhone 4s、5 和 6 上的视图预览。
特别是我不确定历史视图的对齐方式如何在 iPhone 5 和 4 中出现偏离中心但在 6 中很好,并且 iPhone 6 中的集合视图出现 cut sort on右侧但不是 iPhone 5,4,最后是 iPhone 4s 上可缩放图像顶部带有标签 'Image Title' 的蓝色图像似乎被剪短了。我会认为自动布局中的错误在设备之间是一致的吗?
感谢任何意见。
您似乎在某些元素上设置了绝对宽度。相反,您应该设置到父 UIView
边缘的距离。 IE。 trailing/leading space 到容器。
尽量给出一致的约束条件。看起来您只是在对 superview 进行 leading 和 top space,也许您正在添加宽度和高度约束以避免放错位置的视图。尝试像在自动布局之前进行自动调整蒙版一样思考。要么尝试保持比率,要么使用具有尾部和底部 space 约束的容器进行扩展。