按钮自动调整Xcode 6 w / swift中的自动布局

时间:2014-09-18 06:41:09

标签: ios iphone xcode swift autolayout

有人可以给我一个提示,如何实现自动布局按钮的自动调整大小?

更具体一点: 我的按钮在iPhone 4s上有50x50px。如何实现这个按钮,它的尺寸在iPhone 6加上屏幕分辨率上增加了?有没有一种乘数选择?

编辑: 我想,iPhone4s屏幕上的50x50px按钮在iPhone5,iPhone6显示屏上按比例增加。

感谢。

BR

2 个答案:

答案 0 :(得分:2)

使用宽高比。这完全是关于数学的。在您开始行动之前,让我们弄清楚我们如何计算比例。 因此,如果您希望400X600框架上的按钮为50X50,您将如何找到该比例。轻松 - 按钮的宽度将是框架的1/8,按钮的高度将是框架高度的1/12。就是这样。现在你有了计算。

分步指导:

首先确保你的尺寸等级为" wCompact hAny"。我们应该看到,像 -

enter image description here

现在我们准备好了 -

  1. 选择ViewController,然后选择" Stimulated Size"在检查员。在那里你会看到你的刺激者的宽度和高度。就我而言,它是400X600。您可以将其更改为任何内容,并相应地计算您的比例值。
  2. enter image description here

    1. 现在,我们需要定位我们的按钮。我只是将它设置在框架的中间。所以,按住" Ctrl"键盘上的按钮,单击并将鼠标指针从按钮拖动到immidiate父视图,这将为您提供选项列表。
    2. enter image description here

      从那里,当您选择水平中心和垂直中心选项时,框架中的按钮应如下所示:

      enter image description here

      现在你可以看到一些橙色圆点,但暂时忽略它。

      1. 这是你得到答案的部分。要按比例设置按钮大小,可以使用宽高比。
      2. 再次按住" Ctrl"键盘上的按钮,单击并将鼠标指针从按钮拖动到immidiate父视图。这次从列表中选择宽高比。

        enter image description here

        从要编辑的约束列表中选择宽高比约束。您需要确保第一个项目是按钮宽度,第二个项目是superview的宽度,反之亦然。请记住,您希望根据帧的宽度NOT高度设置按钮的宽度比例值(乘数)。

        现在,如果您的第一项是您的按钮的宽度,则将乘数设置为1:8;如果您的第一项是超级视图宽度,则将乘数设置为8:1。

        1. 再做第3步。再次选择纵横比,然后选择此约束进行编辑。但是,这次将您的第一个项目设置为按钮的高度,将您的第二个项目设置为超级视图高度,反之亦然,并将乘数更改为1:相应地12或12:1。
        2. enter image description here

          太好了,如果你已经遵循了这一点那么你就完成了。你应该看到类似的东西。

答案 1 :(得分:0)

您需要遵循三个约束

  
      
  1. 对于X位置:SuperView的领先空间
  2.   
  3. 对于Y位置:将中心对齐
  4.   
  5. For Width:Trailing Space to SuperView
  6.   

检查ScreenShow

enter image description here