如何使用 AutoLayout 均匀放置四个按钮？ [复制]

【问题标题】：How do I place four buttons evenly with AutoLayout? [duplicate]如何使用 AutoLayout 均匀放置四个按钮？ [复制]
【发布时间】：2015-03-10 06:03:41
【问题描述】：

UIView中有四个圈UIButtons。他们的布局应该是这样的：

｜－ 按钮 1 - 按钮 2 - 按钮 3 - 按钮 4 －｜

我尝试了 AutoLayout 的一些方法，但失败了。 有人可以给我一些关于如何构建这个布局的建议或演示吗？

【问题讨论】：

标签： ios autolayout


【解决方案1】：

  1. 首先，设置第 1 个和第 4 个按钮的前导和尾随约束。然后，在其他按钮之间的中间创建horizontal spacing 约束。

  2. 右键单击按钮并选择width 和height 以设置固定宽度和高度。

  3. 通过右键单击并从一个按钮拖动到其他按钮来设置equal widths 和equal heights。

请看一下这张 GIF 图片：

【讨论】：

  • 感谢您的回复。这真的很有帮助。但是，当设备屏幕变大时，第四个按钮将不会均匀分布。比如：|-x-x-x---x-| ，也就是说，水平间距大小是不适应的。能问下怎么更新吗？谢谢。
  • 请看我回答中的 GIF 图片。
  • 非常感谢您的大力帮助！现在最终的效果就像|-x-x----x-x-|。请问如何实现每两个按钮之间的水平间距等宽？
  • 只需点击按钮，打开实用程序检查器并选择尺寸检查器。在“约束”面板下，您可以更改约束的constant。
  • 谢谢。我的问题解决了！
猜你喜欢
  • 1970-01-01
  • 2019-11-20
  • 1970-01-01
  • 2017-10-04
  • 2018-05-05
  • 2017-08-03
  • 1970-01-01
  • 2014-07-28
  • 1970-01-01
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode