如何以最佳方式添加scrollview以优化为4英寸兼容3.5英寸设计的屏幕尺寸?

时间:2017-04-05 06:14:37

标签: ios swift uiscrollview

在我提交这个问题之前,我已经搜索了这个帖子 How to optimize screen size designed for 4 inch compatible with 3.5 inch

但上面的帖子没有回答我的问题。

我们的设计师向我们发送4英寸设计UI,我使用带有autolayout的xib来实现设计。我们经理告知我们需要支持3.5英寸屏幕...

我们不想创建另一个xib以适应3.5英寸的屏幕,我们要做的就是为xib添加UIScrollView,有没有任何想法通过这种方式实现而不需要修改我们的存在xib布局约束?

2 个答案:

答案 0 :(得分:1)

试试这种方式。

  • 从xib或storyboard场景中选择所有视图对象
  • Xcode菜单中>编辑>嵌入>图
  • 再次选择新添加的视图(将其称为 ContainerView
  • 使用 Xcode菜单>将 ContainerView 添加到 ScrollView 中编辑>嵌入>滚动视图
  • 现在调整与ContainerView相关的最内层视图对象的所有约束
  • 即使 ContainerView 高度超出屏幕高度
  • ,也要保持 ContainerView 高度正常
  • 调整与屏幕边界相关的顶级 ScrollView 高度。
  • 在代码库中,设置 ScrollView ContentSize = ContainerView.frame.size

参考:

enter image description here

因此,您的视图层次结构将如下所示:

Default Controller View (UIView)
    |- Scroll View (UIScrollView)
        |- Container View (UIView)
            |- Other ViewObjects like UILabel,
            |- UIButton,
            |- UIImageView, etc.

希望这会有所帮助。

答案 1 :(得分:0)

只需将滚动视图添加为父视图,并检查所有约束是否正确,系统可以计算内容大小。