iOS开发简记(2):自定义tabbar

tabbar是放在APP底部的控件。常见的APP都使用tabbar来进行功能分类的管理,比如微信、QQ等等。

小程需要一个特殊一点的tabbar,要求突显中间的那个按钮,让中间按钮特别显眼,从而引导用户去点击。

所以,让中间按钮大于两边的按钮,是一个基本的要求。

使用常规的UITabBar跟UITabBarController不能满足这个需求,于是,扩展它,自定一下,是一个办法。

需要自定义uitabbar跟uitabbarcontroller。uitabbar是一个uiview,最终由uitabbarcontroller来管理,而uitabbarcontroller是一个uiviewcontroller。

(1)uitabbar

这是一个uiview,上面放一个按钮,这个按钮最终作为tabbar的中间按钮。

实现代码是这样的:
iOS开发简记(2):自定义tabbar
iOS开发简记(2):自定义tabbar

(2)uitabbarcontroller

这是一个uiviewcontroller,用来管理tabbar上的所有tab的viewcontroller,以及中间按钮。

实例的代码是这样的:
iOS开发简记(2):自定义tabbar
iOS开发简记(2):自定义tabbar
iOS开发简记(2):自定义tabbar

(3)使用自定义的uitabbarcontroller

使用的代码如下:
iOS开发简记(2):自定义tabbar

只需要在APP的didFinishLaunchingWithOptions中,设置self.window.rootViewController为tabbarcontroller即可。

这里对按钮加了点击跟长按事件。

最终执行的界面效果是这样的:
iOS开发简记(2):自定义tabbar

 

感谢各位的关注,后面我会把IOS客户端源码、API源码呈献给大家,完整的示例大家可以暂时到AppStore下载安装“知音”。

iOS开发简记(2):自定义tabbar

上一篇:Android版App的控件元素定位


下一篇:支持移动触摸的jQuery图片Lightbox插件