Swift 表格视图设计
Swift tableview Design
所以我想制作一些个人资料,在个人资料中显然有一堆数据,我想这样制作,我还在学习 swift 那么我该怎么做呢?我知道它使用 tableview 但这是否意味着我需要 2 个单元格而不是 1 个单元格或者如何?以及我如何使用故事板制作它。
我想把个人资料的 ui 做成这样,所以它有语言部分和帐户部分等等。感谢您的帮助,我真的很感激。
也许我可以为您指明正确的方向:
- 在故事板中,在您的 UI 中添加一个 UITableViewViewController
- 使您的 ViewController class 成为此 UITableView 的数据源和委托
- 然后,在您的 ViewController class 中,您可以实现
numberOfSection
、numberOfRows(in section: Int)
和 cellForRowAtIndexPath
- 您可以在委托方法
titleForSection(section: Int)
中命名您的部分,或者在 headerViewForSection(section: Int)
中提供您自己的 UIView
- 在你的图片中,我可以看到语言、帐户和支持部分。
- 对于单元格的设计:您可以通过将一个或多个原型单元格添加到您的 UITableView 来直接在故事板中进行设计。例如,对于语言部分,您可以添加一个包含两个按钮的原型单元格。一份用于 "English" 选择,一份用于 "Bahasa" 选择。
- 图像的顶部,包含用户个人资料图像和 "Invite your friends" 可能是更大的 UITableViewCell,或者更可能是 UITableView 的
headerView
。
大多数单元格的设计都可以使用标准的 UITableViewCells 来完成。他们有一个 textLabel
、一个 detailLabel
和一个 accessoryView
。 IIrc,您甚至可以指定 accessoryView
的颜色,使其与示例图像中的一样绿色。
所以我想制作一些个人资料,在个人资料中显然有一堆数据,我想这样制作,我还在学习 swift 那么我该怎么做呢?我知道它使用 tableview 但这是否意味着我需要 2 个单元格而不是 1 个单元格或者如何?以及我如何使用故事板制作它。
我想把个人资料的 ui 做成这样,所以它有语言部分和帐户部分等等。感谢您的帮助,我真的很感激。
也许我可以为您指明正确的方向:
- 在故事板中,在您的 UI 中添加一个 UITableViewViewController
- 使您的 ViewController class 成为此 UITableView 的数据源和委托
- 然后,在您的 ViewController class 中,您可以实现
numberOfSection
、numberOfRows(in section: Int)
和cellForRowAtIndexPath
- 您可以在委托方法
titleForSection(section: Int)
中命名您的部分,或者在headerViewForSection(section: Int)
中提供您自己的 UIView
- 在你的图片中,我可以看到语言、帐户和支持部分。
- 对于单元格的设计:您可以通过将一个或多个原型单元格添加到您的 UITableView 来直接在故事板中进行设计。例如,对于语言部分,您可以添加一个包含两个按钮的原型单元格。一份用于 "English" 选择,一份用于 "Bahasa" 选择。
- 图像的顶部,包含用户个人资料图像和 "Invite your friends" 可能是更大的 UITableViewCell,或者更可能是 UITableView 的
headerView
。
大多数单元格的设计都可以使用标准的 UITableViewCells 来完成。他们有一个 textLabel
、一个 detailLabel
和一个 accessoryView
。 IIrc,您甚至可以指定 accessoryView
的颜色,使其与示例图像中的一样绿色。