如何使用autolayout在iOS中制作拨号盘?

时间:2015-12-15 22:46:17

标签: autolayout

要求是:

  • 数字从0到9的按钮
  • 按钮应彼此均匀分布,并适合任何屏幕尺寸

enter image description here

2 个答案:

答案 0 :(得分:2)

请参阅屏幕截图以了解如何完成。

我将 NumberPad View 宽度约束高度约束 常量保持为 300 < / strong>和 400 。您可以更改这些常量,数字按钮将自动相应调整。如果您想要更清晰,请告诉我。

  1. 查看:
    Views

  2. 动画观看次数:

    Animated Views

  3. 约束:
    Constraints (First Half) Constraints (Second Half)

答案 1 :(得分:0)

如果您的按钮具有背景颜色,那么此解决方案可能不会那么好,我的按钮很清楚。

我在4 x 4网格中布置了10个按钮,按钮0占据了底部的整行。

我首先将0按钮固定在容器的左侧,底部和右侧。

然后我将左上角按钮,1按钮固定在容器的顶部和左侧。

对于2按钮,我固定在一个按钮的左侧和容器的顶部。

对于右上角按钮,3按钮,我固定在2按钮的左侧,容器的顶部和右侧。

我使2和3按钮具有相同的宽度和1个按钮的高度。

我为剩下的按钮重复此操作,但确保使高度和宽度等于1按钮的高度和宽度。

当我完成9按钮时,我将0按钮固定在上面的垂直空间,常数为零。

我更新了帧,并对结果感到满意。

我确保确保所有固定都为零常数。

我在谷歌和Stackoverflow上寻找解决方案的高低,并且找不到任何理想的东西,所以我决定自己做,并且只是帮助任何人做出记录保存的答案否则在这个过程中。

如果您有任何问题,请与我们联系。