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

How to Align Two UI Button Horizontally Aligned in A Xib Using Size Class and Auto Layout

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

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

提前致谢

很简单select两个按钮并给水平和垂直间距约束,给按钮等宽和等高。

首先添加图库按钮:

  • 高度限制
  • 宽度限制
  • 使用 superview
  • 领先 space
  • 超级视图
  • 最高 space

然后添加相机按钮:

  • 水平 space 带有画廊按钮
  • 与图库按钮等宽
  • 与图库按钮等高
  • 带图库按钮的居中 Y

而且应该完成。

查看此视频以设置约束

您可以查看预览,

  1. 将您的 Gallery 按钮连接到主视图的一角并使用
  2. 进行设置
  3. 接下来,将 Camera 按钮连接到 Gallery 按钮并设置 Horizontal Spacing
  4. 在 Storyboard 的 Leading Alignment Contstraint 中,将 Gallery.Trailing 设置为 First Item,将 Camera.Leading 设置为 Second Item。将 Relation 设置为 Equal

Select 两个按钮。

添加如下约束如图所示

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

所以如果你想增加高度然后 Select 任何一个按钮并添加额外的高度限制。更新框架。