如何使用大小 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
而且应该完成。
查看此视频以设置约束
您可以查看预览,
- 将您的
Gallery
按钮连接到主视图的一角并使用 进行设置
- 接下来,将
Camera
按钮连接到 Gallery
按钮并设置 Horizontal Spacing
。
- 在 Storyboard 的
Leading Alignment Contstraint
中,将 Gallery.Trailing
设置为 First Item
,将 Camera.Leading
设置为 Second Item
。将 Relation
设置为 Equal
。
Select 两个按钮。
添加如下约束如图所示
这将根据文本字体添加默认高度。
所以如果你想增加高度然后 Select 任何一个按钮并添加额外的高度限制。更新框架。
如何使用大小 Class 和自动布局在 Xib 中水平对齐两个 UI 按钮。两个Button应该保持原来的高度和宽度
我想在没有代码的情况下实现这个
提前致谢
很简单select两个按钮并给水平和垂直间距约束,给按钮等宽和等高。
首先添加图库按钮:
- 高度限制
- 宽度限制
- 使用 superview 领先 space
- 超级视图 最高 space
然后添加相机按钮:
- 水平 space 带有画廊按钮
- 与图库按钮等宽
- 与图库按钮等高
- 带图库按钮的居中 Y
而且应该完成。
查看此视频以设置约束
您可以查看预览,
- 将您的
Gallery
按钮连接到主视图的一角并使用 进行设置
- 接下来,将
Camera
按钮连接到Gallery
按钮并设置Horizontal Spacing
。 - 在 Storyboard 的
Leading Alignment Contstraint
中,将Gallery.Trailing
设置为First Item
,将Camera.Leading
设置为Second Item
。将Relation
设置为Equal
。
Select 两个按钮。
添加如下约束如图所示
这将根据文本字体添加默认高度。
所以如果你想增加高度然后 Select 任何一个按钮并添加额外的高度限制。更新框架。