添加自动布局到按钮

时间:2016-01-13 00:49:26

标签: ios autolayout

我有一个应用程序,其中有两个按钮,我尝试将自动布局打开,每个按钮上都有一个背景图像。 这就是我希望它的样子:

enter image description here

但是当我在故事板中添加这些约束时:

enter image description here

发生这种情况:

enter image description here

由于屏幕尺寸的原因,这只发生在iphone 5上。有没有办法确保通过使用不同的自动约束来保持形状并将它们放在正确的位置不会发生这种情况?

1 个答案:

答案 0 :(得分:0)

你的问题是iPhone 6和5s型号有不同的屏幕宽度,这就是为什么你的UIButton宽度有所缩小的原因。

有几种方法可以解决这个问题,具体取决于你想要放两个按钮的方式。

让我们说你不关心两个按钮之间的空间,然后你可以简单地想到第一个按钮是5磅。远离左边缘,第二个按钮是5磅。远离右边缘,那么你就好了(假设Y位置不变)

您还可以控制 - 将相关约束拖动到.h或.m文件中,并在布局期间手动更改其值以适应不同的屏幕宽度。

BTW,UIButton和其他一些视图默认计算intrinsicSize属性,如果你想利用它,你需要阅读一些关于它的文档并理解内容拥抱,内容阻力,优先级概念来帮助您。我还建议你观看WWDC 2015视频:汽车布局第一部分和第二部分的奥秘