iphone - iOS 滚动界面 - FoodSpotting 注册界面

Question

我不确定你们是否检查过 iPhone 应用程序“FoodSpotting”的登录/注册界面，但它非常酷。不知何故，他们能够将似乎是 UITableView 的东西垂直向下移动以创建一个带有流畅动画的全新视图。基本上看起来他们正在向下移动整个屏幕，但是当您尝试向上滚动回原始登录屏幕时却不能。

有人知道如何使用 UITableView、ScrollView 或常规 UIView 获得这种功能吗？如果您需要更多关于我所说的动画类型的说明，请下载应用程序，或者我可以尝试发布图片...

Answer 1

嘿，我实际上建立了那个页面！很简单：就是两个 UITableView，一个简单的 Core Animation 动画用来在两者之间“滚动”。我想只使用一个 tableview 可以实现类似的效果，尽管使用两个单独的 tableview 允许我们利用单个 tableview 的滚动行为来做一些事情，比如当键盘出现时向上移动表单。

编辑：

我知道这是 SUUUPER 迟到了，但这里有一个快速的解释......

我的控制器是 UIViewController 子类，而不是 UITableViewController。在viewcontroller的视图中，我这样设置了两个tableviews...

• 黑色 = 状态栏
• 红色 = 屏幕区域
• 蓝色 = 顶部 TableView
• 绿色 = 底部 TableView，位于屏幕外

在两者之间转换的代码非常简单......

//transition to bottom tableview
[UIView animateWithDuration:ANIMATION_TIME animations:^{
    bottomTableView.transform = CGAffineTransformMakeTranslation(0, -self.view.frame.size.height);
    topTableView.transform = CGAffineTransformMakeTranslation(0, -self.view.frame.size.height); 
}];

…

//and to return to original state…
[UIView animateWithDuration:ANIMATION_TIME animations:^{
    bottomTableView.transform = CGAffineTransformIdentity;
    topTableView.transform = CGAffineTransformIdentity; 
}];

Answer 2

是的你是对的。它是 UIView 上的 UIScrollView。默认情况下，滚动视图是可滚动的，并且在完成注册时视图是动画的。

所以这将很容易实现。