在iOS中创建按钮面板

Question

我们计划在我们的应用中创建一些类似Wechat的用户界面，并且我们想知道如何创建这样的按钮面板。

请查看以下屏幕截图：

所以行为是：

屏幕截图1 - 是chat UI，底部有一个bar，其中包含文本字段。

屏幕截图2 - 点击文字字段会显示virtual keyboard。

屏幕截图3 - 请注意栏中有+ button ，点击该按钮即可关闭虚拟键盘，显示按钮面板，其中包含栏下方的额外按钮，这些按钮提供了额外的功能，如上传图片，拍摄照片等。

我如何实现这样的UI，更具体地说，我将如何实现button panel？谢谢！

Answer 1

您可以将UICollectionView用于此目的。

简而言之，集合视图包含N个行中的N个项目。

有关详细信息，请参阅以下示例：

part1

part2

Answer 2

你可以浏览微信ui布局。使用显示 Revel official website

如果你想弹出一个窗口推荐最后一张照片。你可以使用ALAssetsLibrary  获取最后一张照片或视频。

Answer 3

我试图创建一个名为＆＃34; MediaBar＆＃34;的模板。在GitHub上，名为＆＃34;按钮面板＆＃34;由你。你可以在这里看到代码：SeraZheng -- MediaBar

我定制了＆＃34; MediaBar＆＃34;通过'DTRichTextEditor'输入文本并按CTAssertPickerController捕获图像，您可以在GitHub上找到它。 ＆＃34; MediaBar＆＃34;是"UIToolbar"的子类。

这是＆＃34; MediaBar＆＃34;在我的演示中。

当您触摸textField时，MediaBar将移至键盘顶部。

我还没有为这个存储库贡献代码。因此，您可以将其分配到您的存储库并推进其功能。

希望能帮到你！