blocks|key|4054921|text|由于您的按钮没有高度和width...this可能采取一个内在大小的图像按钮，您可能会得到冲突的输出…|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4054922|这是图片和constraints...may为你工作..。|4054923|​|4054924|📷|atomic|offset|length|4054925|4054926|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/3ad8b477a7a95c56a3aa64214fefcce4.gif|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@$I|Y|J|Z|1|10]]|A|$]]|$1|K|3|E|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

As your button had no height and width...this may take a intrinsic size of image for button and you may get conflicting output...

Here is the image and constraints...may be work for you...

<a href="https://i.stack.imgur.com/2jOYi.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2jOYi.gif" alt="enter image description here"></a>

blocks|key|4054785|text|在没有更多信息的情况下，我的第一个猜测是，图像的内在大小与您在右边按钮上设置的约束发生冲突。这很可能导致约束引擎移除指定的优先级，因为当运行时出现冲突时，它只是半随机地开始删除约束，直到没有更多的冲突。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4054786|对于superview，您有很多指定的内容。尽量不要使用superview相对约束，除非您确实是针对superview指定约束，而不是该视图中的其他组件。|4054787|始终要确保在运行时检查导致冲突被删除的约束冲突的日志消息，因为这几乎总是像这样奇怪的布局的原因。|4054788|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Without more information, my first guess is that the intrinsic size of the image is causing conflicts with the constraints you've set up on the button on the right. This is most likely causing the constraint engine to remove your specified priorities, as when there are conflicts at runtime, it just starts removing constraints semi-randomly until there are not more conflicts.

You have a lot of things specified against the superview. Try not to use superview relative constraints unless you're really specifying constraints against the superview, and not other components within that view. 

Always be sure to check log messages at runtime about constraint conflicts that lead to conflicts being removed, as that's almost always the reason for bizarre layouts like this.

blocks|key|3717712|text|顶级TextField应该如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3717713|顶部空间到超级视图，引导空间到超级视图，宽度和高度|blockquote|3717714|按钮应如下所示：|3717715|顶部空间到超级视图，尾随空间到超级视图，宽度和高度|3717716|第二TextField应该有如下内容：|3717717|顶部空间到顶部TextField，引导空间到超级视图，与顶部TextField等宽等高|3717718|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|Q|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|T|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|N|$]]

Top TextField should have as follows:

<blockquote>
 top space to superview, leading space to superview, width and height 
</blockquote>

Button should have as follows:

<blockquote>
 top space to superview, trailing space to superview, width and height
</blockquote>

2nd TextField should have as follows:

<blockquote>
 top space to top TextField, leading space to superview, equal width and equal height with top TextField
</blockquote>

blocks|key|3717813|text|如果您单击|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3717814|📷|atomic|offset|length|3717815|​|3717816|通过进入游戏视图控制器的属性检查器，您可以选择在界面构建器中模拟正在工作的设备。|3717817|在界面构建器中模拟您正在使用的设备，并且应该可以确定Ib与模拟器匹配(只要黄色错误指示器没有显示在“游戏视图”控制器标题旁边--错误会说“.在运行时可能不一样”之类的东西)。|3717818|在这种情况下，在底部的IB中使用的尺寸通过紧凑来确定所施加的约束所适用的设备和方向(景致或描绘)。正则性是普遍的约束。查看我之前的帖子，了解更多细节。|3717819|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/2fd6534e0c7373dfa446111c2edaca7d.png|imageAlt^0|0|0|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@$E|Z|F|10|1|11]]|A|$]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V|W|-4]]]]

if you click on the <a href="https://i.stack.imgur.com/D5kXc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D5kXc.png" alt="items of note in interface builder"></a>

you have the option of simulating the device that you are working on while still in in interface builder by going into the attributes inspector of the game View Controller.

Simulate the device you are working on in interface builder and it should be certain that Ib matches the simulator(as long as a yellow error indicator is not showing next to the Game View controller title-- the error would say that ".... may be different at run time " or something like that).

The dimensions that are used in IB at the bottom in this case compact by compact determine the device and orientation(landscape or portraite) that the constraints made apply to. Regular by regular is universal constraints. Check my previous posts for more detail.

I am still in the learning process of learning constraints, so bear with me:

In xCode Interface Builder, my UI looks like the following:

<a href="https://i.stack.imgur.com/4LfQa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4LfQa.png" alt="enter image description here"></a>

The top TextField has the following constraints set up:

<a href="https://i.stack.imgur.com/jn70B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jn70B.png" alt="enter image description here"></a>

And the reverse button on the right has the following constraints:

<a href="https://i.stack.imgur.com/MsfV2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MsfV2.png" alt="enter image description here"></a>

When I run it in the debugger, I get a misconfigured UI:

<a href="https://i.stack.imgur.com/FiRBT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FiRBT.png" alt="enter image description here"></a>

What exactly is happening here? Why is my reverse button increasing to a huge size and displacing to a weird position and why is the first TextField shrunk?

Ideally, I want my debugger UI to look like my Interface Builder in the first image. I am setting this all up through the interface builder and not programmatically.

Constraints of Textfield conflicting with UIButton

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我还在学习的过程中受到制约，所以请原谅我：在xCode接口生成器中，我的UI如下所示：​​顶部的TextField设置了以下约束：​​右边的反向按钮有以下约束：​​当我在调试器中运行它时，我得到一个配置错误的UI：​​这里到底发生了什么？为什么我的反向按钮增加到一个巨大的大小，并取代到一个奇怪的位置，为什么第一个TextField缩水？理想情况下，我希望我的调试器UI看起来像我的界面生成器在第一个

问与UIButton冲突的Textfield约束
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问与UIButton冲突的Textfield约束EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问与UIButton冲突的Textfield约束
EN