如何在Swift中将两个元素(不知道它们的宽度)放在彼此相邻的中心？
在Swift中将两个元素放在彼此相邻的中心，可以使用Auto Layout来实现。Auto Layout是一种自适应布局系统，可以根据不同屏幕尺寸和设备方向自动调整视图的位置和大小。
以下是在Swift中实现这个需求的步骤：
- 创建两个元素的视图对象，例如UILabel或UIButton。
- 设置视图的translatesAutoresizingMaskIntoConstraints属性为false，以启用Auto Layout。
- 将视图添加到父视图中。
- 使用NSLayoutConstraint类创建约束对象，将两个元素的中心对齐。let constraint = NSLayoutConstraint(item: view1, attribute: .centerX, relatedBy: .equal, toItem: view2, attribute: .centerX, multiplier: 1.0, constant: 0.0)这个约束将view1的中心X与view2的中心X对齐。
- 将约束对象添加到父视图的约束集合中。parentView.addConstraint(constraint)
- 重复步骤4和步骤5，如果需要在Y轴上对齐，可以创建另一个约束对象。
- 刷新布局，以使约束生效。parentView.layoutIfNeeded()
这样，两个元素就会在彼此相邻的中心位置上进行布局。
在Swift中使用Auto Layout可以实现灵活的界面布局，适应不同屏幕尺寸和设备方向的变化。它可以帮助开发者更好地管理界面元素的位置和大小，提供更好的用户体验。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CMYSQL）：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（TPNS）：https://cloud.tencent.com/product/tpns
请注意，以上链接仅为示例，实际使用时请根据具体需求选择合适的腾讯云产品。
相关·内容
在我的swift应用程序中，我有一个带有UILabel和UIButton的视图。在故事板中，它看起来像这样：| label X || longerlabel X |
我应该如何应用约束才能达到这样的效果？
浏览 3提问于2017-01-12得票数 0
1回答
我有两个子视图，一个是UILabel，另一个是UIImageView，我希望将它们放在视图的中心。它们应该被放置在彼此相邻的位置，并且它们应该一起位于其宽度已知的superview的中心。
浏览 4提问于2013-04-20得票数 1
回答已采纳
我正在尝试创建一个响应式布局，在屏幕尺寸允许的情况下，两个框相邻放置，如果不允许，则使它们位于彼此下方。如果两个框位于彼此下方，我希望它们位于父框的中心。来演示这个问题： http://jsfiddle.net/leongersen/KsU23/ width: 50%;max-width: 100%; 尝试将“结果”窗格的
浏览 0提问于2013-04-17得票数 44
回答已采纳
2回答
基本上，我有3个浮动元素，它们是相邻的，当你调整浏览器窗口的大小时，它们会缩小。现在，在一定的宽度(@media (最大宽度:800 max))下，元素得到一个固定的宽度和一个清晰的:两者都低于彼此，不再缩小。
我现在要做的是把这3块钱放在他们父母的中心。margin:0 a
浏览 1提问于2014-10-01得票数 0
回答已采纳
我这里有一个jsfiddle - 我有两个独立的元素(div在这里)。
这两个元素具有不同的宽度。我需要响应性地将元素放在彼此相邻的中心，这样它的位置就像在底部示例中一样。下面的例子只是一个居中的图像。
浏览 0提问于2015-04-09得票数 0
我有一个标题如下:徽标+导航包含4个链接我想安排所有这些元素在顶部彼此相邻(即工作)，但也使他们在彼此相等的距离。第二部分不起作用，我没有设法在% ...中定义a元素的大小...我使用了float:left来将所有这些元素放在顶部的相邻位置。我使用css属性width使它们占据整个页面顶部的20%。 <header>
浏览 22提问于2019-07-13得票数 1
2回答
我有多个用作按钮的Div。如果我将位置设置为relative，我可以使用float left将它们都放在一行中，彼此相邻。它们还会出现在父div的顶部。我希望按钮出现在父div的底部。是否可以为一个元素指定两个位置值，如float: left;position: absolute;我有一种感觉，这是某种逻辑错误
浏览 4提问于2013-11-09得票数 0
1回答
我有两个JSX元素:一个是图像，另一个是表单。我将它们放在一个span中，因为我希望它们彼此相邻，但由于某种原因，带有窗体的div容器填充了整个窗口的宽度，并呈现在图像下方。当我使用内联样式时，它减小了表单的大小，但整个容器仍然太大。这就是我所拥有的： <Logo /> style={{ width: &
浏览 2提问于2019-03-12得票数 0
我试图使div浮动到它的容器div的中心，但问题是用户可能决定添加1到12个元素，所以它们必须以4行的形式浮动。所以，如果用户只添加了一个元素，这个元素应该浮动到容器的中心，如果他/她添加了两个元素，它们必须浮到容器的中心，但彼此相邻。如果用户添加了5个元素，则前四
浏览 5提问于2015-12-10得票数 1
回答已采纳
我正在编辑一个使用MediaWiki皮肤的站点(维基百科和MediaWiki官方网站本身使用的相同)。这个皮肤有一个固定宽度的侧边栏和一个可调整大小宽度的主要内容，可以填充窗口的其余部分。我需要应用一个固定的宽度，主要内容和位置，这两个元素浮动在窗口的中心，彼此相邻。问题是，我不能简单地对父容器应用“页边距:0自动”，因为<em
浏览 2提问于2015-10-30得票数 0
回答已采纳
我有一个里面有两个按钮的容器div，在我的网站上有几个地方使用，按钮上有不同的内容。理想情况下，它们应该放在彼此的旁边，但如果按钮中的文本太大，它们会被分成两行，在每个按钮的下面。在这种情况下，它们之间应该有10px的间隔。我不知道这有什么不同，但我使用的是Bootstrap 3和SCSS。有没有办法在SCSS中加入一个条件，仅
浏览 0提问于2019-08-08得票数 0
我正在开始一个程序，在这个程序中，我构造一个JFrame，并使用我创建的另一个名为StartPanel的类向它添加一个JPanel。标签的一些属性在GUI中表示(它将自己添加到面板中，可以在面板上添加红色边框，可以更改文本)，但有些属性不是这样。例如，我不能更改标签的位置或大小。到目前为止，我读到的关于这个问题的一切(我认为)都同意我的方法，或者没有澄清太多。此外，我已经为StartPanel和标签添加了边框，以使问题可视化，并确认标签没有改变其大小。我既无法调整标签<
浏览 15提问于2020-04-12得票数 0
回答已采纳
1回答
3列，中间一列，宽度灵活
、、、
我想要一个由三个相邻的div组成的布局。侧边div的宽度是静态的(可以通过javascript改变)，而中心div会填充剩余的区域。当第一个div的大小改变时，它只影响中心的那个。它类似于由三列组成的表(具有动态呈现)。
好的，但问题出在哪里？问题是，如果我将向左浮动的div放在第一列中，并将块div放在第二列
浏览 0提问于2011-09-03得票数 27
回答已采纳
我试着把两个50%宽的div放在一起，它们是内联块。具体的诀窍是什么？当两个内联div到达其父节点的最大宽度时，如何才能使它们彼此不叠加。是否存在内联块的默认定位？
编辑:这是一个代码示例。对
浏览 4提问于2016-03-11得票数 2
回答已采纳
4回答
我知道这是个超级基本的问题，但我找不到解决办法。我有2个div，我想把它们显示为块(一个在另一个下面)，而没有100%的宽度。这是我的密码。; border:1px solid; clear:both;}
不幸的是，这个不适合我，因为我需要水平地对块进行居中(所以在我的情况下不能应用浮点数)。
浏览 3提问于2014-03-17得票数 0
回答已采纳
2回答
下面的JS Fiddle演示了我的问题：Header A Header BLink 1A Link1B取而代之的是它显示如下：Header BLink 2ALink 2B<ul id="2b</a></li>
浏览 0提问于2012-12-18得票数 0
回答已采纳
我想在div flexbox中将两个元素放在彼此相邻的位置。我有一个侧面抽屉伸缩箱，其中我有列表项。每个列表项都有div flexbox，其中包含svg、span元素和时间戳
浏览 0提问于2019-04-07得票数 2
回答已采纳
1回答
我在父视图中有四个UIButtons，它们彼此相邻。最左边和最右边的按钮总是挤在父视图的两侧，但我不确定应该如何使用约束来定位中间的两个按钮。和b2放在正确的位置，但是b2和b3需要一些魔力。通过对它们使用约束，告诉它们坚持到每一边，它将在景观中(或在更大的屏幕上)如下所示：
[b1] [b2] [
浏览 0提问于2015-01-22得票数 0
我试图用Prolog编写一个程序来折叠对副本，当它们彼此相邻时。以下是一些例子，1,2,2,2,3,4 ->，2，2，3，4
我想做的事情看起来是这样的..。看前面的三个元素，如果它们相等，将它们折叠成2，设置为第3元素。看前面的两个元素，如果它们相等，将它们折叠成1，设置为第二个元素。看前
浏览 0提问于2018-11-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
