blocks|key|228679|text|我尝试过很少的事情，但到目前为止，这是我能想到的最好的选择。动画所有可见单元格的框架，并利用childViewController是如何实现它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|228680|动画测试项目|offset|length|style|BOLD|228681|https://github.com/armaluca/iOS-App-Store-Explore-Section-Animation|228682|很高兴知道任何其他可能的解决方案，并最终知道苹果是如何做到的！|228683|​|228684|📷|atomic|228685|228686|entityMap|0|LINK|mutability|MUTABLE|url|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/93abce735c78abd659d3e150c61984f3.gif|imageAlt^0|0|0|6|0|0|1V|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|J|3|K|5|6|7|1C|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1D|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1E|8|@]|9|@$D|1F|E|1G|1|1H]]|A|$]]|$1|Q|3|M|5|6|7|1I|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|I]]|Y|$5|Z|V|10|A|$11|12|13|-4]]]]

I've tried few things but so far this is the best option I could think of.
Animating the frames of all the visible cells and making use of childViewController is how I achieved it.

Animation test project

<a href="https://github.com/armaluca/iOS-App-Store-Explore-Section-Animation" rel="nofollow noreferrer">https://github.com/armaluca/iOS-App-Store-Explore-Section-Animation</a>

Would be nice to know any other possible solution and ultimately to know how Apple did it!

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

blocks|key|228646|text|这是ViewControllers之间的自定义转换。在这个图书馆。中有一个很好的例子说明了一些转换(包括这个)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|228647|​|228648|📷|atomic|228649|228650|当然，您需要添加tableview等，但是这是一个很好的起点。|228651|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/BradB132/UIViewControllerTransitionTut|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/3be774252e5311dec2e20db1766e9ae7.gif|imageAlt^0|R|6|0|0|0|0|1|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|I|3|E|5|6|7|18|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]|T|$5|U|P|V|C|$W|X|Y|-4]]]]

This is a custom transition between ViewControllers.
There's a nice example of a few transitions (including this one) in <a href="https://github.com/BradB132/UIViewControllerTransitionTut" rel="nofollow noreferrer">this library.</a>

<img src="https://i.stack.imgur.com/WaTJ7.gif" alt="enter image description here">

Of course you'll need to add the tableview etc' but this is a great place to start.

blocks|key|227319|text|在实现此行为的UIKit/UITableView中，自定义implementation.There不是API。只有显示单元格的动画才在那里(我认为这是在这里使用的)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|227320|这种行为的实施方式如下-|227321|在表中添加带有零单元格的节(新闻、生产力等)(所有部分的numberOfRowsInSection：=0)。然后在点击任何部分时，只需重新加载该部分(reloadSections:withRow动画：)，方法是向该部分添加一个单元格(numberOfRowsInSection：=+1)和动画(可能是UITableViewRowAnimationMiddle)。将该部分/行滚动到相同的动画循环(UI更新周期)的顶部。|227322|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|$]]

It is custom implementation.There is no API in UIKit/UITableView which implements this behaviour. Only animation to present a cell is there(which I think is used here).

This behaviour can be implemented like-

Add sections(News, Productivity, etc) in table with zero cells(numberOfRowsInSection: = 0 for all sections). Then on tapping any section just reload that section(reloadSections:withRowAnimation:) by adding a cell to it(numberOfRowsInSection: = 1) and animation(maybe UITableViewRowAnimationMiddle). Scroll that section/row to top in same animation loop(UI update cycle).

I was wondering if this nice master-detail transition where you click on the tableView cell and it expand to disclose the detail , with the cell's label being the navigation bar title is an interface which is part of the SDK object library or it is a customised one?

<img src="https://i.stack.imgur.com/E6rlF.gif" alt="enter image description here">

iOS UI - App Store Explore section Transition

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯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编辑器全新改版上线，欢迎大家体验!

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

社区新版编辑器体验调研

我想知道这个很好的主细节转换，您单击tableView单元格并将其扩展到显示细节，其中单元格的标签是导航栏标题是SDK对象库一部分的接口，还是自定义的接口？​​

问iOS UI - App探索节转换
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS UI - App探索节转换EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS UI - App探索节转换
EN