swift - Instagram 探索搜索栏和表格 View

标签 swift uitableview uisearchbar instagram

我有几天关于 UISearchBar 的问题。我不明白 Instagram Explorer 页面的搜索栏是如何工作的,例如:http://imgur.com/40I38mn

我的意思是,一开始 ViewController 显示 searchBar,下面是一个与它无关的 View (tableview?)。当用户通过触摸搜索栏开始搜索时,会出现带有数据的右侧表格 View 。

现实中有多个TableView吗? UISearchBar 调用另一个 View ?还有……简单的 UISearchBar 或 UISearchController ?我做了很多研究,测试了很多东西,我什至尝试了一个带有 if/else 条件的 tableView.hidden = true 所以……你可以看到我有多失望啊哈。

有人可以向我解释一下显示的结构吗?

最佳答案

它看起来是一个 UISearchController,它的 search bar 被放置在 UICollectionView 的标题中。 UICollectionView 是您在说“与它无关”时所指的 View 。

一旦搜索的 UITextField 被访问,搜索功能或右 TableView 就会出现。此 View 似乎包含一个 UISegmentedControl

UISegmentedControl 教程应该可以帮助您设置类似选项卡的效果。 Here's我过去用过的一个非常好的。此外,您可以使用管理 2 个部分的 UICollectionView 构建一个非常相似的用户界面。第一部分包含您的选项卡 && 第二部分包含搜索结果列表。

我已经为你做了一些搜索,但我没有找到任何教程或分步分解来说明你如何实现它。如果您非常熟悉 TableView ,我建议您尝试使用 UICollectionView 方法。如果没有,分段控制教程链接应该可以帮助您入门。

祝你好运,希望对你有帮助

更正(编辑)

看起来 this问题有助于描述如何将 UISegmentedControl 添加到 UISearchController

关于swift - Instagram 探索搜索栏和表格 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31776376/

相关文章:

ios - 无法与添加为 HeaderView 的 SearchBar 交互

ios - 如何为具有 0 到 2 个图像的 UITableViewCells 设置可调整高度的约束?

objective-c - NSKeyedUnarchiver 无法解码类 NSKnownKeysDictionary1 的对象

ios - 固定背景图片

ios - 我有一个 sigabbt 错误,提示由于未捕获的异常而终止应用程序 'NSInvalidArgumentException'

ios - 滚动后重用单元​​格后如何维护 TableView 单元格中的值?

ios - 访问TableView中的所有单元格

iphone - UISearchBar 作为 UITableView 的 subview

ios - UISearchBar 自定义代码在 iOS7 中崩溃,适用于 iOS6

ios - 在 TableView 单元格中处理从 Firebase 检索数据的更好方法