iPad UI 版 Twitter - 它是如何工作的？

发布于 2024-09-25 11:49:53 字数 178 浏览 3 评论 0原文

iPad 版 Twitter 引入了一种新的内容浏览方式。有人猜测这些滑动面板是如何管理的吗？它是一个很大的UIScrollView，里面有一堆UITableViews吗？或者一堆 UIViewControllers 在彼此之上滑动？还是别的什么？你的赌注是什么？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

爱的十字路口 2024-10-02 11:49:53

我认为这里的技巧不在于使用的视图类型，而在于它们的定位和动画。当各种面板滑入和滑出时，我认为它们正在使用类似 CAKeyframeAnimations 之类的东西，这些动画通过 UIGestureRecognizer 的实现来激活。

对于垂直滚动，他们使用 UIScrollView，但对于水平滚动，以上是我的赌注。

回复收藏 0 原文

情深已缘浅 2024-10-02 11:49:53

使用我在 GitHub 上的项目 FRLayeredNavigationController，您可以轻松开发与 Twitter iPad 应用程序非常相似的 UI。还有一篇关于它的博客文章。

如果您对它的工作原理感兴趣，只需查看代码即可，它是开源的;-)。基本上它使用 iOS 5 中引入的 UIViewController 组合。它管理多个“层”，这些“层”是您提供的 UIViewController 。图层的移动由 UIPanGestureRecognizer 和何时移动哪个图层的一些逻辑触发。由于良好的 iOS 动画支持，它看起来和感觉都非常好。

FRLayeredNavigationController 的 API 与 UINavigationController 非常相似，因此很容易使用:-)。使用 FRLayeredNavigationController：

来自我的 EuroCopaInfo 项目的示例，该项目 com/weissi/EuroCopaInfo/blob/master/EuroCopaInfo/StadiumsViewController.m" rel="nofollow">StadiumsViewController.m：

[self.layeredNavigationController pushViewController:wvc inFrontOf:self maximumWidth:YES animated:YES];

来自 AppDelegate.m：

InfoCategoriesViewController *icvc = [[InfoCategoriesViewController alloc] init];
FRLayeredNavigationController *lnc = [[FRLayeredNavigationController alloc] initWithRootViewController:icvc configuration:^(FRLayeredNavigationItem *item) {
    item.nextItemDistance = 49;
}];
self.window.rootViewController = lnc;
[self.window makeKeyAndVisible];

另请观看演示视频/屏幕截图：

Using my project FRLayeredNavigationController on GitHub you can easily develop UIs very similar to the Twitter iPad app. There's also a blog post about it.

If you're interested how it works, just look at the code, it's open sourced ;-). Basically it uses UIViewController composition as introduced in iOS 5. It manages multiple "Layers" which are UIViewControllers you provide. The moving of the layers is triggered by a UIPanGestureRecognizer and some logic when to move which layer. It looks and feels very nice because of the nice iOS animation support.

FRLayeredNavigationController's API is quite similar to UINavigationController, so it's easy to use :-). Samples from my EuroCopaInfo project, which uses FRLayeredNavigationController:

In file StadiumsViewController.m:

[self.layeredNavigationController pushViewController:wvc inFrontOf:self maximumWidth:YES animated:YES];

From AppDelegate.m:

InfoCategoriesViewController *icvc = [[InfoCategoriesViewController alloc] init];
FRLayeredNavigationController *lnc = [[FRLayeredNavigationController alloc] initWithRootViewController:icvc configuration:^(FRLayeredNavigationItem *item) {
    item.nextItemDistance = 49;
}];
self.window.rootViewController = lnc;
[self.window makeKeyAndVisible];

Also watch the demo videos/screenshots:

回复收藏 0 原文