在XCode中相对于背景图像对齐按钮

时间:2015-03-18 11:19:13

标签: ios xcode swift

我有背景图片,我需要在其中放置按钮。我已经通过修复它的高度和宽度尝试了自动布局(按钮文本不是背景的一部分,已经手动添加),但它并不适用于所有屏幕尺寸。我想要两条与线条等距的按钮(如iPhone 4英寸截图,线条是背景的一部分)。我怎么能这样做呢?还有其他可能有用的工具吗?我正在使用swift

Preview in iPhone 4 inch and 5.5 inch

1 个答案:

答案 0 :(得分:2)

执行此操作的最佳方法是添加隐藏视图,其背景颜色为clear。为此添加一个约束,使其水平居中,并将约束放在您想要的顶部。

将此透明视图的宽度设置为按钮之间所需的空间,或者如果您愿意,将其保留为1宽,而是在下面描述的约束中使用偏移。使高度为1,使其不占空间。

对于按钮,将按钮顶部与透明视图底部对齐。这会垂直放置按钮。

最后将按钮1的后缘固定到透明视图的前缘,并将按钮2的前缘固定到透明视图的后缘。如果您给透明视图没有宽度,请将引脚的偏移设置为您希望按钮从中心移开的距离。

在所有屏幕尺寸上,按钮现在都相对于中心。

如果你想让它们同样空间化,你可以在按钮的左侧和右侧添加透明视图并将它们固定在一起,这样它们就像间隔物一样。所以superview-> spacer-> button-> spacer-> button-> spacer-> superview。

使用spacer方法,选择3个透明视图并添加相等宽度的约束。你的按钮现在会平分开来。