blocks|key|1872813|text|XIB或故事板将默认设置为旧版本7.x并保存并关闭。临时解决方案，但有效。完成保存并关闭后，不要再打开。否则，再次需要从begin开始执行相同的步骤。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1872814|📷|atomic|offset|length|1872815|​|1872816|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/2f5ca28a1e4c9532e064e4bd384f519b.png|imageAlt^0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@$E|T|F|U|1|V]]|A|$]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P|Q|-4]]]]

XIB or Storyboard set default as older version 7.x and Save and Close. Temporary solution, but works. Don't open again once you have done Save and Close. Otherwise again need follow same steps from begin.<a href="https://i.stack.imgur.com/umcP7.png"><img src="https://i.stack.imgur.com/umcP7.png" alt="enter image description here"></a>

blocks|key|1873200|text|呃，同样的问题。我设法通过以下方式部分修复了它(对于Xcode版本8.1+(8B62))|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1873201|在Storyboard的文档大纲中，我单击了每个场景，其中黄色箭头表示一些布局问题(屏幕截图上的数字1)|1873202|在此之后，对于每个有问题的场景，我必须单击“更新框架”小图标(屏幕截图上的数字2)，它修复了每个场景的所有布局问题。|1873203|​|1873204|📷|atomic|offset|length|1873205|1873206|然而，在我的例子中，有一个场景在从Xcode7转换到Xcode8后仍然处于哭闹状态。我不得不通过调整约束或添加缺失的约束来手动修复它。|1873207|呼，XCode8和故事板可不是什么惊喜。如果你使用AppCode编辑器，你就不会有这样的问题，因为它不支持故事板;P|1873208|祝好运!|1873209|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b28b2d9faa714ca43fd308190b3607bd.png|imageAlt^0|0|0|0|0|0|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|15|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|16|8|@]|9|@$K|17|L|18|1|19]]|A|$]]|$1|M|3|G|5|6|7|1A|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1B|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1C|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1D|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10|11|-4]]]]

Eh the same problem. I partially managed to fix it in the following way (for Xcode Version 8.1 (8B62))

In the document outline of Storyboard, I clicked on each scene which had the yellow arrow indicating some layout issues (Number 1 on the screenshot)

After this, for each problematic scene, I had to click on "Update Frames" small icon (Number 2 on the screenshot) which fixed all the layout issues per scene. 

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

However one scene in my case was still in crying state after transition from Xcode7 to Xcode8. I had to fix it manually by adjusting constraints or adding missing constraints.

Phew, not nice surprise of XCode8 and Storyboards. If you used AppCode editor, you won't have such problem, since it doesn't support Storyboards ;P

Good luck!

blocks|key|2086929|text|Xcode+8.1+Beta+2解决了这个问题。请检查此下载链接|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2086930|https://developer.apple.com/download/|offset|length|2086931|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|11|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Xcode 8.1 Beta 2 resolves this issue. Please check this download link

<a href="https://developer.apple.com/download/" rel="noreferrer">https://developer.apple.com/download/</a>

blocks|key|1872914|text|请跟随线索寻找任何可能的解决方案：(我相信这会发生在许多开发人员身上)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1872915|Xcode+8+GM+seed+Storyboard+issue|offset|length|1872916|Xcode+8+-+Previous+storyboards+getting+distorted|1872917|(我使用的是anyH+anyW+width+600)当Xcode更新到Xcode8时，它改变了我所有的ViewControllers大小。结果，所有的布局都被扭曲了。|1872918|目前我只看到了3个解决方案(我不会相信等待修复)。|1872919|1.转到每个视图控制器，并通过Update+Frames修复它。|style|CODE|1872920|2.Go+to+the+main+ViewController+`Size+Inspector++->+Freeform+->+600`+as+most+of+the+controllers+are+inferred+it+will+change+the+size+for++++all+of+them.(Be+careful+on+the+impact+of++new+Features+Apple+my+want++++to+introduce).|code-block|syntax|javascript|1872921|3.Discard+the+changes+in+git+for+the+storyboard+(I+would't+suggest+it+because+Apple+also+inserted+some+updates+which+may+be+important+to++++Xcode).|1872922|Xcode8(WWDC16)中新的AutoLayout特性的附加链接：Making+Apps+Adaptive,+Part+1|1872923|entityMap|0|LINK|mutability|MUTABLE|url|https://forums.developer.apple.com/thread/62313|1|https://forums.developer.apple.com/message/179611#179611|2|https://developer.apple.com/videos/play/wwdc2016/222/^0|0|0|W|0|0|0|1C|1|0|0|0|F|D|0|0|0|Z|S|2|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@$D|1C|E|1D|1|1E]]|A|$]]|$1|F|3|G|5|6|7|1F|8|@]|9|@$D|1G|E|1H|1|1I]]|A|$]]|$1|H|3|I|5|6|7|1J|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1K|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1L|8|@$D|1M|E|1N|N|O]]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1O|8|@]|9|@]|A|$S|T]]|$1|U|3|V|5|R|7|1P|8|@]|9|@]|A|$S|T]]|$1|W|3|X|5|6|7|1Q|8|@]|9|@$D|1R|E|1S|1|1T]]|A|$]]|$1|Y|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]|16|$5|11|12|13|A|$14|17]]|18|$5|11|12|13|A|$14|19]]]]

Please follow the threads for any possible solution:(I believe it happens to many developers). 
<a href="https://forums.developer.apple.com/thread/62313" rel="noreferrer">Xcode 8 GM seed Storyboard issue</a> 
<a href="https://forums.developer.apple.com/message/179611#179611" rel="noreferrer">Xcode 8 - Previous storyboards getting distorted</a> 
 
(I used anyH anyW width 600) When Xcode updated to Xcode 8 it changed all my ViewControllers size. As a result all the layout was distorted. 
Currently I see only 3 solution for the issue (I wouldn't trust on waiting for fix soon). 

1.Go for each Viewcontroller and fix it it by <code>Update Frames</code>. 
 2.Go to the main ViewController <code>Size Inspector -&gt; Freeform -&gt; 600</code> as most of the controllers are inferred it will change the size for
 all of them.(Be careful on the impact of new Features Apple my want
 to introduce). 
 3.Discard the changes in git for the storyboard (I would't suggest it because Apple also inserted some updates which may be important to
 Xcode).

Additional link for the new AutoLayout features in Xcode 8 (WWDC16):
<a href="https://developer.apple.com/videos/play/wwdc2016/222/" rel="noreferrer">Making Apps Adaptive, Part 1</a>

blocks|key|2086894|text|从推断中将视图大小设置为自由形式对我有效。它可以在Attributes+Inspector中的Simulated+Metrics标题下找到。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2086895|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Setting View Size to Freeform from Inferred worked for me. It can be found under the heading Simulated Metrics in Attributes Inspector.

blocks|key|1872994|text|我选择了每个控制器并点击“更新框架”，它修复了布局。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1872995|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I selected each controller and clicked on "Update Frames" and it fixed the layout.

blocks|key|1873372|text|希望这能有所帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1873373|当我将Xcode从7.3更新到Xcode8并运行应用程序时，一些视图显示得很完美，但有些是distorted.Then，我检查了nib文件，它提示我选择特定的设备大小，然后根据设备大小显示nib，当然不是Any-Any(Xcode+7.3)。所以所有的nibs文件都没有以正确的方式显示。|offset|length|style|CODE|1873374|解决方案工作来自我:-按黄色箭头，如下图所示|1873375|​|1873376|📷|atomic|1873377|1873378|它将提示一个弹出窗口，其中显示如下选项|1873379|1873380|1873381|1873382|选择带有Apply+to+all+views+in+container的Update+Frames+checked.it将解决大约90%25的扭曲的UI，其余的自动布局约束问题可以手动解决。|1873383|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/bd75b306c4e9b8aa1117d5a2a426ed4c.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/3d5a36e27ce6a7f80bee000548b821bf.png^0|0|2U|I|0|0|0|0|1|0|0|0|0|0|0|1|1|0|0|4|V|10|D|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1B|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1C|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|O|3|K|5|6|7|1H|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1I|8|@]|9|@]|A|$]]|$1|R|3|K|5|6|7|1J|8|@]|9|@]|A|$]]|$1|S|3|M|5|N|7|1K|8|@]|9|@$D|1L|E|1M|1|1N]]|A|$]]|$1|T|3|K|5|6|7|1O|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1P|8|@$D|1Q|E|1R|F|G]|$D|1S|E|1T|F|G]]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13|14|-4]]|15|$5|Z|10|11|A|$12|16|14|-4]]]]

Hope this will help

When i updated Xcode from 7.3 to Xcode 8 and run the app, some of the views are perfectly displayed but some are distorted.Then, i checked the nib file and it prompted me to choose particular device size and then show the nib according to that device size which is offcourse not <code>Any-Any(Xcode 7.3)</code>. So all the nibs file are not displaying in a correct way.

Solution work form me :- press the yellow arrow like showing in image below

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

it will prompt a pop up which show options like

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

choose <code>Update Frames</code> with <code>Apply to all views in container</code> checked.it will solved around 90% of distorted UI and rest of the auto-layout constraints problem can be solved manually.

blocks|key|2086933|text|我修复了这个问题，使用Xcode7.3.1版你可以从苹果开发者门户网站下载.dmg文件。我在每个应用程序中都使用了自动调整大小功能，它对我来说非常有效。我只会更新到Xcode8，如果他们能修复这个bug。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2086934|请在此处下载：https://developer.apple.com/services-account/download?path=/Developer_Tools/Xcode_7.3.1/Xcode_7.3.1.dmg|offset|length|2086935|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/services-account/download?path=/Developer_Tools/Xcode_7.3.1/Xcode_7.3.1.dmg^0|0|7|2V|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

I fixed the issue using the Xcode Version 7.3.1 you can download the .dmg file from apple developer portal. I used the Autoresizing in every app and it works great for me.
i will update to Xcode 8 only if they can fix this bug.

Download it here: <a href="https://developer.apple.com/services-account/download?path=/Developer_Tools/Xcode_7.3.1/Xcode_7.3.1.dmg" rel="nofollow">https://developer.apple.com/services-account/download?path=/Developer_Tools/Xcode_7.3.1/Xcode_7.3.1.dmg</a>

blocks|key|1873034|text|为了解决类似的问题，我将xib配置为Freeform+(非推断)，并将xib文件保存为与Xcode7.x兼容。在我的例子中，这两个步骤都是必需的。我希望这对你有帮助！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1873035|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

To fix a similar problem, I configured the xib as Freeform (not Inferred) AND saved xib file as Xcode 7.x compatible. Both steps were required in my case. I hope that helps!

blocks|key|1873465|text|我注意到Xcode8.2中有一个新按钮(检查图像中的橙色圆圈)。它会给你一些帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1873466|步骤:+1.打开情节提要并选择所需的任何设备2.只需选择视图控制器3.单击提到的按钮(如图所示)+4.它将更新该视图控制器的框架，您可以继续操作|1873467|我没有找到比这更好的解决方案。如果找到了，请回复。|1873468|​|1873469|📷|atomic|offset|length|1873470|1873471|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/30b477666d674d35d5815bad6ce35d55.png|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@$K|11|L|12|1|13]]|A|$]]|$1|M|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]]]

I notice one new button in Xcode 8.2, (check the orange circle in the image). It will give you some help.

Steps:
 1. Open the storyboard and select any device you want
 2. Just select the View Controller
 3. Click the mentioned button (as in Image)
 4. It will updates the frame for that view controller and you can proceed with it

I didn't found any better solution than this. Please reply if found one.

<a href="https://i.stack.imgur.com/Kw4kT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Kw4kT.png" alt="IB screenshot"></a>

blocks|key|2086940|text|更新约束和viewdidload中的布局子视图解决了这个问题|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2086941|-+(void)+viewDidLoad+{
++++++++[self.view+updateConstraints];
++++++++[self.view+layoutSubviews];
++++++++[super+viewDidLoad];
}|code-block|syntax|javascript|2086942|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

update constraints and layout subviews in viewdidload solves the problem 

<pre><code>- (void) viewDidLoad {
 [self.view updateConstraints];
 [self.view layoutSubviews];
 [super viewDidLoad];
}
</code></pre>

Here is a before and after of one of my screens after I upgraded to Xcode 8. All I did was open up my main.storyboard and from there, I built and ran my app on my phone. In my version control, I can see Xcode is doing a lot of changes to my main.storyboard just from me opening it. Whenever I delete those changes, I can see what I use to see in Xcode 7.3.1. But, as soon as I re-open interface builder with my storyboard, I see those changes come back into place. Is there something I can do here?

<h2>Before Xcode 8</h2>

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

<h2>After update to Xcode 8</h2>

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

Layout issues after updating to Xcode 8

这是我升级到Xcode8后的一个屏幕的前后照片。我所做的就是打开我的main.storyboard，然后在手机上构建并运行我的应用程序。在我的版本控制中，我可以看到Xcode在打开我的main.storyboard时对它做了很多更改。每当我删除这些更改时，我都可以看到我在Xcode 7.3.1中使用的内容。但是，只要我用我的故事板重新打开界面生成器，我就会看到这些更改又回来了。这里有什么我能做的吗

问更新到Xcode 8后的布局问题
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更新到Xcode 8后的布局问题EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更新到Xcode 8后的布局问题
EN