9.5 融云聊天 添加Tab bar viewControl 标签栏

Paste_Image.png

拖进去Storyboard后默认只有2个分支,我们再加两个viewControl,
直接拖动关联起来

9.5 融云聊天 添加Tab bar viewControl 标签栏_第1张图片
Paste_Image.png

选择viewControlers

这是注意,不是show, 也不是present

9.5 融云聊天 添加Tab bar viewControl 标签栏_第2张图片
Paste_Image.png

点击item,设置里面的Title,和Image(图标直接拖进来,一般尺寸是30x30左右)

9.5 融云聊天 添加Tab bar viewControl 标签栏_第3张图片
Paste_Image.png

这里要注意下,默认的图标是蓝色的,所以我们要修改下设置

9.5 融云聊天 添加Tab bar viewControl 标签栏_第4张图片
Paste_Image.png

右边栏最下面的Render As 修改设置为原图

Paste_Image.png

编译运行,结果如下:

9.5 融云聊天 添加Tab bar viewControl 标签栏_第5张图片
Paste_Image.png

运行后看到,跳转到聊天界面以后标签栏挡住了我们的输入框。接下来我们要设置标签栏隐藏,在这个tabbar的类里,找到这个位置,prepareForSegue这段注释

取消注释,并添加代码 :

self.tabBarController?.tabBar.hidden = true
9.5 融云聊天 添加Tab bar viewControl 标签栏_第6张图片
Paste_Image.png
9.5 融云聊天 添加Tab bar viewControl 标签栏_第7张图片
Paste_Image.png

编译运行,如果没有隐藏,试下另一种方法。

更改这个对话框的属性,勾选Hide Bottom Bar on Push即可

9.5 融云聊天 添加Tab bar viewControl 标签栏_第8张图片
Paste_Image.png

你可能感兴趣的:(9.5 融云聊天 添加Tab bar viewControl 标签栏)