自动布局-中间5个按钮

JBJ

我正在尝试进入自动版式业务,但我觉得有点困难。

我正在尝试获取5个图像视图,以在视图中心彼此相邻显示。他们需要调整自身大小以扩展其高度/宽度。

这是它在IB中的外观(以及某种运行应用程序时的外观): IB观点

所以我有以下限制:

  • 增加了1:1的长宽比,以便始终将它们平方
  • 第一个按钮“拥抱”视图的左侧,因此它将显示在侧面。
  • 以下4个按钮旁边有一个水平间距
  • 每个按钮在屏幕的顶部和底部都有一个约束,因此如果您调整屏幕大小,它们会变大。

但是,当我运行它时,它看起来像这样: 结果

我只是在这里难过 我究竟做错了什么?

在此先感谢您,最好的问候-/ JBJ

**编辑**我在最后一个按钮上添加了尾随约束。这样可以确保它们都在屏幕中,但是在考虑其大小时会出现问题,因此也无法解决。在最后一个按钮上添加了尾随

*编辑编辑*尝试删除顶部和底部约束,因为它们是迫使尺寸增大的约束。向所有对象添加了垂直中心约束。这也不行。显示它们非常小(排列很好,但是太小),并且还带有警告:在IB

在模拟器中

雾雾

好啦来...

  1. 在视图中添加5个按钮...无约束。

在此处输入图片说明

  1. 在它们之间添加水平空间约束。还要添加从第一个和最后一个视图到超级视图的约束。我也将最后一个约束更改为0(请注意,+ 306告诉我当前不正确)。

在此处输入图片说明

  1. 选择所有按钮,然后(使用添加约束按钮)在此处输入图片说明向所有按钮添加“相等宽度”。注意橙色虚线轮廓告诉我,它们现在都将具有相等的宽度。

在此处输入图片说明

  1. 现在,使用此按钮将它们在视图的垂直中心对齐...

在此处输入图片说明

在此处输入图片说明

  1. 最后要做的是转到每个对象并添加1:1的宽高比。您需要添加约束,然后将其编辑为1比率。

在此处输入图片说明

将按钮重新放置到新的约束位置之后,请确保更新框架...

在此处输入图片说明

预览屏幕显示了所有不同大小的工作情况...

在此处输入图片说明

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

按钮和自动布局

来自分类Dev

iOS:自动布局多个按钮

来自分类Dev

以编程方式自动布局按钮?

来自分类Dev

自动布局防止按钮移动

来自分类Dev

用自动布局水平对齐5个按钮的最佳方法是什么

来自分类Dev

通过自动布局实现按钮的网格布局

来自分类常见问题

iOS自动布局:两个等宽的按钮并排

来自分类Dev

如何使用自动布局连续对齐2个按钮?

来自分类Dev

如何使用自动布局连续对齐2个按钮?

来自分类Dev

带按钮的iOS水平自动布局

来自分类Dev

使按钮列表水平与自动布局对齐

来自分类Dev

IBCollectionOutlet具有自动布局的按钮数组

来自分类Dev

自动布局2个多行UILabels

来自分类Dev

无法使用自动布局连续对齐5个项目

来自分类Dev

删除中间视图时自动布局折叠空间

来自分类Dev

iOS-使用自动布局创建比例按钮,标签等

来自分类Dev

使用自动布局VFL垂直堆叠按钮阵列

来自分类Dev

如何使用iOS自动布局将菜单中的按钮居中?

来自分类Dev

在不禁用自动布局的情况下更改按钮大小

来自分类Dev

如何使用iOS自动布局将菜单中的按钮居中?

来自分类Dev

使用自动布局VFL垂直堆叠按钮阵列

来自分类Dev

自动布局,为更大的屏幕保留按钮间距

来自分类Dev

使用自动布局的带有按钮的iOS水平滚动视图

来自分类Dev

使用自动布局将视图放置在主页按钮的侧面

来自分类Dev

使用自动布局将按钮定位在中心附近

来自分类Dev

自动布局显示按钮不固定高度和宽度的圆形

来自分类Dev

如何自动布局约束按钮内的通知标签?

来自分类Dev

单击自动布局时,Xcode 5崩溃(打开)

来自分类Dev

启用使用自动布局时Xcode 5崩溃

Related 相关文章

热门标签

归档