2017-10-06 199 views
0

经过一段令人沮丧的几个小时试图让包含文本的标签堆栈视图被限制在屏幕的垂直边缘,同时允许上下滚动,我管理它。不过,我希望文本远离屏幕边缘 - 它看起来很尴尬。问题是我目前有一个'等宽'约束集,所以栈视图被限制为避免水平滚动。当我对视图添加更多约束时,它会发生冲突。如何设置标签文本远离嵌入在滚动视图中'等宽'设置的堆栈视图的边缘?

这就是它看起来像在屏幕上:

On screen view

这是完成的设置界面生成器中的样子: Interface builder view

什么挤,最简单的方法文字稍微远离屏幕边缘?我可以使用堆栈视图的间距选项轻松地将标签彼此隔开,但无法找到一个简单的解决方案将其与垂直边缘间隔开,而不会消除“等宽度”限制,这会阻碍整个事情的发展:/

+0

能否请你'比例width'查看或滚动浏览您的堆栈视图,它设定成类似0.9和容器水平居中呢? – CodeNinja

+0

听起来值得一试。那是我可以通过界面构建​​器设置的东西吗? – laurie

+0

是的,我会发布一个详细的答案 – CodeNinja

回答

1

将您的堆栈视图嵌入到您想要的顶部,顶部,底部和尾部约束的另一个视图中。对于您将视图嵌入到视图中的设置顶部,顶部,底部和尾部约束的滚动视图,其值为0,并在主视图中设置相等的宽度。对于滚动视图顶部,主视图的前端,底部和尾部约束0。通过这种方式,嵌入视图将确定滚动视图的宽度,并为堆栈视图提供前导和尾随。

enter image description here

1

要设定一个比例值(与相同的值),点击旁边的约束题为等于宽度与编辑选项:

enter image description here

这将导致一个小弹出窗口出现。在倍数下,您可以设置比例宽度。例如,如果你想要占用50%的屏幕,你可以设置乘数= 0.5。

注意:这里已经称为比例宽度,当您设置乘数时,标题会改变。