如何在滚动视图中嵌入的堆栈视图中设置标签文本远离视图边缘,其中设置了“相等宽度”?

时间:2017-10-06 17:06:33

标签: ios xcode autolayout interface-builder

经过一段令人沮丧的几个小时试图获得包含文本的标签的堆栈视图被限制在屏幕的垂直边缘,同时允许上下滚动我管理它。但是我希望文本远离屏幕边缘 - 它看起来很尴尬。问题是我目前有一个“相等宽度”约束集,以便限制stackview以避免水平滚动。当我向视图添加更多约束时,它会发生冲突。

这就是它在屏幕上的样子:

On screen view

这就是界面构建器中的设置: Interface builder view

在屏幕边缘略微挤压文本的最简单方法是什么?我可以使用stackview的Spacing选项轻松地将标签彼此间隔开,但是找不到一个简单的解决方案,可以将它从垂直边缘隔开,而不会删除混淆了整个事物的“相等宽度”约束:/

2 个答案:

答案 0 :(得分:1)

要设置比例值(相对于相等的值),请点击标题为等宽的约束旁边的修改选项:

enter image description here

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

注意:此处它已经称为比例宽度,当您设置乘数时,标题会发生变化。

答案 1 :(得分:1)

将您的stackview嵌入到具有所需顶部,前导,底部和尾部约束的另一个视图中。对于将stackview set top,leading,bottom,trailing约束嵌入到scrollview的值为0的视图,再加上与主视图设置相等的宽度。对于0到主视图的scrollview top,leading,bottom和trailing约束。这样,嵌入视图将确定scrollview的宽度,并为堆栈视图提供前导和尾随。

enter image description here