设备方向更改时自动布局约束问题

用户名

在此处输入图片说明

我在自动版面设计中遇到问题。我想要两个按钮,如屏幕截图所示。我也希望它们在横向模式下也能正确显示。

1)按钮应水平居中对齐。

2)按钮应具有相等的宽度和高度。

3)按钮在两个方向(横向和纵向)上与超级视图中心的垂直距离均应相等

我在条件3方面有问题。我希望UI在两个方向上的所有大小的设备上都是统一的。

是否可以使用自动布局来实现此目的,或者我需要更新方向更改的约束?

我当时正在考虑在Superview的中心添加另一个视图,并对该视图应用以下约束以实现所需的UI

1)添加另一个大小透明的视图(superview的宽度为1)

2)将水平和垂直中心对齐约束添加到新添加的视图。

3)为新添加的视图添加所有必需的约束,例如宽度,高度和x位置。

现在像这样的两个按钮

4)将底部空间约束添加到具有新添加的视图的按钮1中5)将顶部空间约束添加到具有新添加的视图的按钮2中

这样在所有方向和所有尺寸的设备上都将保持相同。

这种方法不好,因为我们需要添加额外的视图。请建议是否有人有更好的方法/想法

马西莫·波利梅尼(Massimo Polimeni)

我认为最好的实用解决方案是将按钮嵌入视图中。

因此,请重置所有约束。选择两个按钮,然后将它们嵌入视图中:

设置之后,此视图将始终居中对齐:

此时,您需要设置:

  • 按钮的高度和宽度
  • 按钮之间的距离
  • 视图的高度和宽度:
    • 高度=(按钮的高度+按钮之间的距离)
    • 宽度=按钮的宽度
  • 设置按钮的顶部和底部约束,以便可以查看它们;例如顶部按钮:

这是我的最终结果:

iPhone 6肖像:

和景观:

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

设备方向更改时更改ViewController?

来自分类Dev

针对不同设备方向以编程方式且没有尺寸类别的各种自动布局约束?

来自分类Dev

约束更改时的自动布局UIView不能使iOS 7动画

来自分类Dev

方向更改时,景观布局不会更改,方向更改时,Portain布局也不会更改

来自分类Dev

自动布局约束已更新但未反映在视图中的方向更改

来自分类Dev

页面内容更改时的布局问题

来自分类Dev

仅针对大型设备更改布局方向

来自分类Dev

仅针对大型设备更改布局方向

来自分类Dev

UITableView中的自动布局约束问题

来自分类Dev

Swift:自动布局约束问题。纵向与横向

来自分类Dev

在方向更改时更新UICollectionView补充视图的约束

来自分类Dev

更改设备语言时,设备的默认布局方向会更改应用程序的默认布局方向

来自分类Dev

不同方向的不同组自动布局约束

来自分类Dev

单个“自动布局”约束更改会破坏整个布局

来自分类Dev

尺寸更改时在哪里更新自动版式约束?

来自分类Dev

设置相对于设备大小的自动布局约束

来自分类Dev

在设备旋转时保持自动布局约束处于活动状态

来自分类Dev

不同设备尺寸的iOS自动布局约束值

来自分类Dev

EditText不会在屏幕方向更改时自动保存

来自分类Dev

自动布局:UIImageView不会随着设备方向旋转

来自分类Dev

如何使用Objective C根据设备方向更改UIView约束?

来自分类常见问题

UITableViewCell中的iOS7上的自动布局约束问题

来自分类Dev

由于分隔线的高度,UITableViewCell自动布局约束问题

来自分类Dev

在代码中设置自动布局约束时出现奇怪的问题

来自分类Dev

使用constraintEqualToAnchor()设置后如何更改自动布局约束?

来自分类Dev

具有自动布局约束的UIView动画更改

来自分类Dev

添加后如何更改自动布局约束

来自分类Dev

更改视图高度时,不保留自动布局约束

来自分类Dev

Swift:显示键盘时更改自动布局约束

Related 相关文章

  1. 1

    设备方向更改时更改ViewController?

  2. 2

    针对不同设备方向以编程方式且没有尺寸类别的各种自动布局约束?

  3. 3

    约束更改时的自动布局UIView不能使iOS 7动画

  4. 4

    方向更改时,景观布局不会更改,方向更改时,Portain布局也不会更改

  5. 5

    自动布局约束已更新但未反映在视图中的方向更改

  6. 6

    页面内容更改时的布局问题

  7. 7

    仅针对大型设备更改布局方向

  8. 8

    仅针对大型设备更改布局方向

  9. 9

    UITableView中的自动布局约束问题

  10. 10

    Swift:自动布局约束问题。纵向与横向

  11. 11

    在方向更改时更新UICollectionView补充视图的约束

  12. 12

    更改设备语言时,设备的默认布局方向会更改应用程序的默认布局方向

  13. 13

    不同方向的不同组自动布局约束

  14. 14

    单个“自动布局”约束更改会破坏整个布局

  15. 15

    尺寸更改时在哪里更新自动版式约束?

  16. 16

    设置相对于设备大小的自动布局约束

  17. 17

    在设备旋转时保持自动布局约束处于活动状态

  18. 18

    不同设备尺寸的iOS自动布局约束值

  19. 19

    EditText不会在屏幕方向更改时自动保存

  20. 20

    自动布局:UIImageView不会随着设备方向旋转

  21. 21

    如何使用Objective C根据设备方向更改UIView约束?

  22. 22

    UITableViewCell中的iOS7上的自动布局约束问题

  23. 23

    由于分隔线的高度,UITableViewCell自动布局约束问题

  24. 24

    在代码中设置自动布局约束时出现奇怪的问题

  25. 25

    使用constraintEqualToAnchor()设置后如何更改自动布局约束?

  26. 26

    具有自动布局约束的UIView动画更改

  27. 27

    添加后如何更改自动布局约束

  28. 28

    更改视图高度时,不保留自动布局约束

  29. 29

    Swift:显示键盘时更改自动布局约束

热门标签

归档