真的很酷的方式来为iPhone应用程序创建自定义UITabBar?

时间:2011-01-09 17:30:41

标签: iphone ios customization uitabbar uitabbaritem

我最近正在做很多关于如何在我的iPhone应用程序上使用漂亮的效果UITabBar获得不同效果的研究,但不幸的是我只是在寻找如何替换背景颜色等等。

好吧,我已经查看了这个名为Momento的应用程序,它非常酷,并提供了一个非常漂亮的tabBar:

Momento's UITabBar

所以这里有几个元素我想问你们,如果你能帮助我,给我一些关于如何获得类似效果的正确指示:)

  • 项目上方的箭头,因为您可以看到此应用具有此动画箭头,该箭头在所选项目上方以非常流畅的动画运行。

  • 已选择项目图像的状态不是蓝色 - ish 默认状态,也不是默认状态,以棕色和灰色版本的不同阴影显示。

  • 漂亮的商品分隔符,带有斜面垂直线。

  • tabBar的
  • 不同的背景图片

  • tabBar的
  • 不同高度

经过一些研究后,我可以通过继承UITabBarController来设置高度和背景图像,但我仍然不确定如何完成其​​他项目,特别是第一个与漂亮箭头效果相关的项目

如果有人知道有关如何执行此操作的非常好的教程,那么通过子类化UITabBarController来明确可以做什么或不可以做什么会很好,特别是如果可以在Interface Builder中完成的话:)< / p>

我刚刚开始在这个关于iOS的应用程序开发世界,所以如果你能帮助我,那将非常感激

提前多多感谢

4 个答案:

答案 0 :(得分:17)

查看iDevReceipes,他们有一个非常简单和好看的解决方案。可能不适合你想要的所有东西,但这是一个很好的起点

答案 1 :(得分:15)

github上有一个名为BCTabBarController的项目,旨在模仿Twitter for iPhone中使用的标签栏。它有一些你正在寻找的东西,应该给出一个很好的起点。

答案 2 :(得分:5)

这两个都是很好的答案,但两个库都有问题:BCTabBarController不知道如何创建标签栏图标的“蓝色”突出显示版本;和iDevRecipies不会向子视图控制器发送事件,也不会在旋转时调整导航栏的大小。

警告:自定义导航条是很多试错调试(正如我所发现的)。

答案 3 :(得分:2)

只需使用带有TabBar宽度和高度的UIView。在视图上添加自定义背景图像和自定义按钮。将视图的文件所有者设置为AppDelegate.Now,您只需将IBActions与按钮连接即可。可以放置自定义视图在tabbar上通过addSubView到TabBar控制器的视图。您可以在按钮操作中使用tableviewcontroller的setSelectedIndex方法在视图控制器之间切换。