如何使用大小类和自动布局对齐在Xib中水平对齐的两个UI按钮

Question

如何使用大小类和自动布局对齐在Xib中水平对齐的两个UI按钮。两个按钮应保持其原始高度和宽度

我想在没有代码的情况下实现这个目标

提前致谢

Answer 1

首先添加图库按钮：

• 高度沉默
• 宽度约束
• 超级视野的领先空间
• 超级视图的顶层空间

然后添加相机按钮：

• 带有图库按钮的水平空间
• 使用图库按钮等宽，
• 与图库按钮相等的高度
• 带画廊按钮的中心

应该这样做。

Answer 2

检查此视频，设置约束

您可以查看预览，

Answer 3

选择两个按钮。

在图片中添加以下约束

这将根据文字字体添加默认高度。

因此，如果您想增加高度，请选择任意一个按钮并添加额外的高度约束。更新框架。

Answer 4

只需简单选择“双按钮”并给出水平和垂直间距约束，并为按钮指定“等宽”和“等高”。

Answer 5

1. 将Gallery按钮连接到主视图的角落，然后使用
进行设置
2. 接下来，将您的Camera按钮与Gallery按钮相关联，然后设置Horizontal Spacing。
3. 在您的故事板Leading Alignment Contstraint内，将Gallery.Trailing设为First Item，将Camera.Leading设为Second Item。将Relation设为Equal。