iPhone联系人应用程序的详细信息视图是如何实现的

Question

我想实现一个类似于苹果自己的联系人应用程序的详细视图的视图，其中显示姓名、电话号码、注释等及其编辑模式。

你能剖析一下整个视图是如何完成的吗？该视图是用 UITableView 还是 UIScrollView 完成的？

Answer 1

联系人详细信息屏幕实际上很容易模仿。

从 UITableView 开始，并为其提供 UITableViewDataSource 和 UITableViewDelegate。您需要为要呈现的所有数据提供部分。这意味着 1 个用于自定义页眉，1 个用于自定义页脚（按钮/操作），以及大约 6 个左右的数据部分（一个部分用于电话号码，另一个部分用于电子邮件地址，依此类推）

。 ，需要从数据源提供多行来指示该部分有多少数据。对于每一行，UITableViewCell 可用于显示实际的联系人数据（传真标签/传真号码值等）。如果你愿意的话，你可以想象一下，但似乎没有必要。对于铃声之类的东西，您需要指定一个公开指示器。

对于页眉，您需要一个 UIImageView 和一个 UILabel，对于页脚，您需要一些 UIButton。您可以在 InterfaceBuilder 中创建 UITableViewCell 的子级，并在其中包含这些视图，然后像其他任何东西一样将其连接起来。您可以使用 NSBundle 从其他尚未加载的 xib 加载视图。

另一种方法是在运行时动态生成 UI 小部件，而不使用 xib。这完全取决于您想要管理的内容（代码或 xib），对我来说，无论哪种方式，工作量似乎都是相同的。我强烈建议阅读 表格视图编程指南（如果您还没有）。

Answer 2

或者您可以使用Apple自己的ABPersonViewController：

http: //developer.apple.com/library/ios/#documentation/AddressBookUI/Reference/ABPersonViewController_Class/Reference/Reference.html

allowedEditing 属性指定用户是否可以编辑人员信息。

Answer 3

我的实现使用带有自定义标头（用于“添加照片”和编辑名称等效项）的 UITableView 和用于“删除”等效项的自定义页脚（使用 UISegmentedControl hack 作为一个大按钮）。

Answer 4

您可以使用 F-Script 来探索这一点。这是 F-Script 浏览器的屏幕截图浏览地址簿。基本上，它看起来像很多自定义视图，它们都继承自 NSView。

要自己执行此操作：

1. 从上面的链接下载 F-Script
2. 按照 extras/F-Script Anywhere 目录中的说明附加到地址簿
3. 选择 F-Script ->从地址簿菜单中打开对象浏览器
4. 单击选择视图
5. 突出显示要浏览的地址簿视图并单击它。
6. 随心所欲地浏览。

Answer 5

只是为了向您展示方法，您可以为此目的对 UITableViewController 进行子类化，然后为了实现类似于联系人应用程序的编辑模式，您可以：

1. 添加一个属性来存储对“取消”按钮的引用。

   var cancelButton：UIBarButtonItem！
   

2. 在 ViewDidLoad() 中，将编辑按钮添加到导航栏作为右侧项目，并准备取消按钮以便稍后将其添加为左侧项目。

   self.navigationItem.rightBarButtonItem = self.editButtonItem()
   self.cancelButton = UIBarButtonItem(标题: "取消", 样式: .Plain, 目标: self, 操作: "cancelPressed:")
   

3. 重写 setEditing(_:animated:) 方法以将单元格设置为编辑/预览模式，并根据编辑标志显示/隐藏导航栏上的“取消”按钮。

   覆盖 func setEditing(编辑: Bool, 动画: Bool) {
       super.setEditing（编辑，动画：true）
   
       如果编辑{
           // 在此处设置单元格并准备编辑模式
           self.navigationItem.setLeftBarButtonItem(self.cancelButton，动画：true)
       } 别的 {
           // 在此处设置单元格并为预览模式做准备
           self.navigationItem.setLeftBarButtonItem(nil，动画：true)
       }
   }
   

4. 重写 UITableViewDelegate 的 tableView(_:editingStyleForRowAtIndexPath:) 和 tableView(_:shouldIndentWhileEditingRowAtIndexPath:) 方法以在编辑模式下配置行样式和缩进。

5. 实现cancelPressed方法以在按下“取消”时退出编辑模式。

   func cancelPressed(button: UIBarButtonItem) {
       self.setEditing(false, 动画: true)
   }
   

我知道这个问题很老了，但有人可能会觉得它很有帮助。