如何在iOS中构建此屏幕？

Question

我是iOS开发的新手，我正在尝试构建类似下面的屏幕：

如果我在Android中这样做，我可以在几分钟内轻松构建上述UI。但是，我不知道如何使用iOS。

我知道整个ViewController可以嵌入到导航控制器中，从而生成上面的标题栏。虽然底部怎么样？我正在考虑使用分组UITableView这样的东西，但我不确定，因为每个单元格的内容都非常不同：

1. 搜索栏，也许是子类UISearchBar，我也不知道如何自定义 - 右侧的搜索按钮是必需的，但不是默认的{{1} }。当用户点击它时，UISearchBar必须转换为导航栏，无需显示UISearchBar建议结果。我也不知道该怎么做。

2. 一个按钮，当点击时，从底部飞过一个模态（我想它是另一个UITableView，带有分组ViewController），以允许用户从定义中进行选择位置。选择后，模式将关闭，按钮文本将替换为所选位置。这听起来容易得多。

3. 标题（“项目类别”）和类别列表，其数量可能会发生变化。如果父级不是分组UITableView，我认为此部分可以是UITableView和非滚动UILabel，其高度会根据其拥有的单元格而变化。如果有足够的表格单元格不适合屏幕的高度，导航栏下方的所有内容都可以垂直滚动。那，我也不知道该怎么做。

如果有人能够引导我使用我可以用来构建上述屏幕的本机iOS组件，可能还有几个教程我刚才说的我不知道怎么做，我很感激。

Answer 1

你说得对。你需要的所有基本信息都与你同在。

• 要构建一个类似的搜索栏，我认为你不必将其子类化。
• 底部包括tableview。

实际上这些问题在SO本身是单独提供的。所以单独搜索你的需求，你可以实现你想要的任何东西

一个基本原则：你只能通过思考来达成任何目标。如果你有任何问题，那就不要去思考它。所有问题都会在路上找到答案。

Answer 2

你需要很多组件..搜索栏，UIPickerView和UITableView。我想给你一些指示。

1）您可以参考搜索栏的http://www.appcoda.com/how-to-add-search-bar-uitableview/

2）单击按钮时，可以调出UIPickerView而不是其他控制器。为此，您可以参考http://www.techotopia.com/index.php/An_iOS_5_iPhone_UIPickerView_Example

3）您可以将普通的Tableview用于单个部分，配置部分标题以显示项目类别。

Answer 3

您要求过多询问如何操作UI的每个组件。我会稍微回答一下。

是的，分组表视图是一个很好的设计。我正在使用不同类型输入的分组表视图。我有一个实际的表，可以添加和删除行，并包含可编辑的文本区域。然后我有三个组，每个组只显示一个内容：两个是滑块，一个是开关。

为了选择位置，在导航堆栈上推送另一个视图控制器将是更典型的处理方式。您可以通过内置的一些按钮和行为来节省一些工作量，但模态视图控制器并不难。我不确定你是否可以使导航视图垂直飞行，但你的应用程序是否必须与android版本一帧一帧？