代码之家  ›  专栏  ›  技术社区  ›  Cobie Fisher

Xcode模拟器中的堆栈视图压缩成块

  •  1
  • Cobie Fisher  · 技术社区  · 7 年前

    因此,在我的一个个人项目中,在对自动布局约束感到沮丧之后,我发现了堆栈视图。在看了几个关于这个主题的教程和指南后,我想试试。所以我创建了一个新的Xcode项目,并与它们玩了一段时间,它们似乎工作得很好。然而,在我的大项目中实现它们的过程中,我遇到了几个问题,我希望这些问题是我自己的错误,而不是Xcode 8的错误。

    enter image description here

    然而,当我在模拟器中运行它时,即使与故事板大小完全相同,视图也会压缩在一起,形成一个巨大的块状混乱,与故事板上显示的内容完全不同:

    (忽略绿色的东西,只是为了帮助我布局)

    enter image description here

    enter image description here

    我把所有的东西主要是一行一行地叠起来,然后把它们叠在一起。然后,我将主stackview约束为大约10个点到前导和尾随超视图&顶部布局指南28分,底部布局指南40分。

    如何正确地堆叠这些该死的视图,使其在所有设备和屏幕大小上看起来完全相同?请尽量具体,包括内容模式等。

    1 回复  |  直到 7 年前
        1
  •  3
  •   bestiosdeveloper    7 年前

    以下是我实施的解决方案:

    查看层次结构

    enter image description here

    主背景视图

    对齐:填充,分布-填充,间距-20

    第1行

    第2行

    没有什么

    第3行

    对齐:填充,分布-均匀填充,间距-10

    , , 第33行

    第34行

    第4行

    约束:与第1行等高,使用乘数-0.314在与第4行等宽的小视图上添加约束

    对齐:填充,分布-填充,间距-10

    输出

    enter image description here