ios - 我将如何重新创建 iOS 发送文本消息屏幕？

Question

我正在编写 IRC 客户端 iOS 应用程序。我希望我的“发送消息”UIViewController 的功能基本上与内置 iOS 短信应用程序的发送消息 View 完全相同。我所说的 View ，尤其是当您打开 Messages 应用并单击右上角的“新消息”图标时看到的 View 。它看起来像这样:

这对我来说是什么样的:

这看起来像一个 UIViewController，顶部有一个 UIToolbar。除此之外，我无法弄清楚其余的是什么。这看起来不像是基于 UITableView 的表单，因为我没有看到空的行分隔符，而且该区域不允许您用手指拖动它，就像您希望在表格 View 上看到的那样.所以它看起来像某种容器，带有一个 UILabel、UITextField 和一个图像或按钮，用于加号。

用于键入的文本区域看起来像某种页脚区域内部的 UITextView，垂直增长直到它到达“To:”标题的底部边缘，此时文本区域刚好开始滚动，而不是展开。

所选人员姓名后面的绿色。这到底是什么？这是自定义的 UILabel，还是那个绿色最有可能是图形背景图像？

这些东西到底是什么？

我是 iOS 开发的初学者，所以我不太想知道这些东西是什么。此短信应用程序使用了哪些组件？如果那不是基于表格的表格，那它是什么？我如何制作类似位于键盘顶部的页脚这样的东西，并且一直增长到顶部？

澄清一下，我不需要此后出现的实际聊天气泡屏幕。我只想将其重新创建为一个简单的发送消息 View 。我不需要聊天气泡的预构建包。我只需要重新创建这个外观，真的。

Answer 1

我不能确切地说出 Apple 选择使用什么来实现这些元素中的每一个(我确信有很多方法可以实现其中的某些元素)，但我对每个元素的建议如下:

收件人列表:

• 一个 UITextField，其框架被限制在收件人“气泡”和添加按钮之间(每次添加收件人时都会调整大小)
• 一组用于每个收件人“气泡”的自定义 UIView 容器，其中包含收件人姓名的 UILabel，覆盖在可拉伸(stretch)的 UIImageView< 之上 下方包含绿色“气泡”(有关创建可拉伸(stretch)图像的帮助，请参阅 this)
• 用于添加按钮的 UIButton
• 所有这些都包含在 UITableViewCell 中(如果您不打算也包含消息列表，您可能不需要/不想这样做)

消息字段:

• 用于文本输入的 UITextView，当添加或删除新行时调整其框架的大小，并在其大小(加上键盘大小)到达工具栏顶部时开始滚动<
• 用于发送按钮的 UIButton
• 相机按钮的 UIButton
• 所有内容都包含在自定义 UIView 中，它作为屏幕底部的页脚实现(当然是在键盘顶部)

同样，这只是我设计它的粗略草稿——这可能不是 Apple 的做法，也不一定适用于您的用例。