blocks|key|3292403|text|在故事板中选择视图控制器。检查是否选择了调整滚动视图插入，然后取消选择它。这就是我解决问题的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3292404|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|$]]

Select your view controller in storyboard. Check if adjust scroll view insets is selected, then unselect it. Thats how i fixed my problem.

blocks|key|3292425|text|问题(在我看来)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3292426|在启动SampleCollectionViewController时，|offset|length|style|CODE|3292427|是用正常大小(可能是全屏大小)创建的。此时，将创建并重新加载collectionView。根据SampleCollectionViewController的大小计算collectionViewCell的大小。|unordered-list-item|3292428|，但在那之后，SampleCollectionViewController被嵌入到另一个更小的控制器中。SampleCollectionViewController的大小已更改，但collectionView未重新加载，collectionViewCell保持启动大小。|3292429|现在collectionViewCell的高度大于屏幕上的SampleCollectionViewController的大小。这就是为什么单元格顶部被隐藏的原因。|3292430|3292431|解决方案:在traitCollectionDidChange:方法中调用invalidateLayout。这意味着当SampleCollectionViewController的大小改变时，计算单元格的大小并更新合适的大小。|3292432|SampleCollectionViewController.m|3292433|-+(void)traitCollectionDidChange:(UITraitCollection+*)previousTraitCollection+{
++[super+traitCollectionDidChange:previousTraitCollection];

++[self.collectionView.collectionViewLayout+invalidateLayout];
}|code-block|syntax|javascript|3292434|Project+works+normally+on+my+side.|3292435|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/documentation/uikit/uitraitenvironment/1623516-traitcollectiondidchange?language=objc|1|https://developer.apple.com/documentation/uikit/uicollectionviewlayout/1617728-invalidatelayout?language=objc|2|https://drive.google.com/file/d/10GCUZ87VpPw8owJ6UT_MgvE9d0lpb6Sr/view?usp=sharing^0|0|3|U|0|U|E|1B|U|2A|I|0|7|U|1G|U|2I|E|32|I|0|2|I|T|U|0|0|1M|U|6|P|0|10|G|1|0|0|0|0|Y|2|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@$D|1E|E|1F|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1G|8|@$D|1H|E|1I|F|G]|$D|1J|E|1K|F|G]|$D|1L|E|1M|F|G]]|9|@]|A|$]]|$1|K|3|L|5|J|7|1N|8|@$D|1O|E|1P|F|G]|$D|1Q|E|1R|F|G]|$D|1S|E|1T|F|G]|$D|1U|E|1V|F|G]]|9|@]|A|$]]|$1|M|3|N|5|J|7|1W|8|@$D|1X|E|1Y|F|G]|$D|1Z|E|20|F|G]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|21|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|22|8|@$D|23|E|24|F|G]]|9|@$D|25|E|26|1|27]|$D|28|E|29|1|2A]]|A|$]]|$1|R|3|S|5|6|7|2B|8|@]|9|@]|A|$]]|$1|T|3|U|5|V|7|2C|8|@]|9|@]|A|$W|X]]|$1|Y|3|Z|5|6|7|2D|8|@]|9|@$D|2E|E|2F|1|2G]]|A|$]]|$1|10|3|-4|5|6|7|2H|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]|18|$5|13|14|15|A|$16|19]]|1A|$5|13|14|15|A|$16|1B]]]]

Problem (In my opinion): 

<ul>
<li>At start-up <code>SampleCollectionViewController</code> is created with a normal size (maybe fullscreen size). At this time, <code>collectionView</code> is created and reload. Size of <code>collectionViewCell</code> is calculated base on size of <code>SampleCollectionViewController</code>. </li>
<li>But after that, <code>SampleCollectionViewController</code> is embedded in another controller with a smaller size. Size of <code>SampleCollectionViewController</code> change but <code>collectionView</code> isn't reloaded and <code>collectionViewCell</code> keep start-up size.</li>
<li>Now height of <code>collectionViewCell</code> is bigger than size of <code>SampleCollectionViewController</code> on screen. That's why top of the cell is hidden.</li>
</ul>

Solution: Call <a href="https://developer.apple.com/documentation/uikit/uicollectionviewlayout/1617728-invalidatelayout?language=objc" rel="nofollow noreferrer">invalidateLayout</a> in <a href="https://developer.apple.com/documentation/uikit/uitraitenvironment/1623516-traitcollectiondidchange?language=objc" rel="nofollow noreferrer">traitCollectionDidChange:</a> method. It means that when size of <code>SampleCollectionViewController</code> is changed, calculate cell size and update cells with right size.

SampleCollectionViewController.m

<pre><code>- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
 [super traitCollectionDidChange:previousTraitCollection];

 [self.collectionView.collectionViewLayout invalidateLayout];
}
</code></pre>

<a href="https://drive.google.com/file/d/10GCUZ87VpPw8owJ6UT_MgvE9d0lpb6Sr/view?usp=sharing" rel="nofollow noreferrer">Project works normally on my side.</a>

blocks|key|3292478|text|当我改变设计时，我能够在iOS+10上解决这个问题，在iOS+11上也能很好地工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3292479|​|3292480|📷|atomic|offset|length|3292481|3292482|我创建了一个segue来调用storyboard引用，而不是用于storyboard引用的容器视图。由于问题是特定于iOS+10和水平集合视图的，所以我将继续问题中提到的早期设计。|3292483|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/e4d6ffbe4d1f4d481b3a8662a32f56c8.png|imageAlt^0|0|0|0|1|0|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|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|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]]]]

When I change the design, I am able to fix that issue for iOS 10. Also working good on iOS 11.

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

Instead of container view for storyboard reference, I created a segue to call the storyboard reference. As issue is specific to iOS 10 and horizontal collection view, I am gonna continue with earlier design as mentioned in the question.

I have created a tab-bar controller in which a sample view controller is present with a container view. The container is embedded with referencedStoryBoard.
<a href="https://i.stack.imgur.com/nLcxr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nLcxr.png" alt="enter image description here"></a>

The reference storyboard contains a view controller within which collectionView controller is embedded. 
<a href="https://i.stack.imgur.com/OuTVB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OuTVB.png" alt="enter image description here"></a>

When my app runs the collectionView cell height is calculated wrongly. The collection view cell is getting hidden on the top.

Note: 
1)Collection view scroll direction is horizontal. On vertical side its working good

2) When I am not using the tabBar the collectionView cell height is getting calculated correctly.

You can find the sample project in this link: <a href="https://drive.google.com/open?id=1GbKC_ZhqQAlcLnD24YgxQTZt2toVprwF" rel="nofollow noreferrer">https://drive.google.com/open?id=1GbKC_ZhqQAlcLnD24YgxQTZt2toVprwF</a>

The issue is working good in iOS11.

Height of the collection view is getting calculated wrongly while using tabbar controller in iOS 10

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我已经创建了一个选项卡栏控制器，其中包含一个示例视图控制器和一个容器视图。容器嵌入了referencedStoryBoard。​参考情节提要包含一个视图控制器，其中嵌入了collectionView控制器。​当我的应用程序运行时，collectionView单元格高度计算错误。集合视图单元格将隐藏在顶部。注:1)采集视...

问在iOS 10中使用选项卡栏控制器时，集合视图的高度计算错误
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iOS 10中使用选项卡栏控制器时，集合视图的高度计算错误EN