你如何创建一个凸起的标签栏项目，比如在 Instagram 或 Dailybooth 中找到的带有 css / html 的项目答案

【问题标题】：How do you create a raised tab bar item, like the one found in Instagram or Dailybooth with css / html你如何创建一个凸起的标签栏项目，比如在 Instagram 或 Dailybooth 中找到的带有 css / html 的项目
【发布时间】：2012-05-21 07:13:18
【问题描述】：

我在一个使用 HTML5/CSS 的 webapp 项目上工作。我想加入一个 iOS 风格的标签栏。有几个插件，如 iTabBar / BarTender / ...但我想加入一个自定义中心按钮，如 Instagram 或 Dailybooth。

您使用现有的解决方案吗？或实现它的想法？

提前感谢您的回答。

约翰

【问题讨论】：

你在尝试实现它时遇到了什么问题？
首先，我不想重新发明轮子……其次，我真的不知道如何开始……

标签： html css ios web-applications uitabbar

【解决方案1】：

Here你可以找到一个非常有用的解决方案！！

希望你喜欢

【讨论】：

我已经找到了这个网站（请注意我的图片来自那里）......但它是 Objective-C 而不是 html / css 解决方案

【解决方案2】：

我实际上还没有找到现成的解决方案，但我可以推荐的是使用 sencha 或 jquery mobile 并检查现有应用程序！

jquery mobile example

这里是sencha touch apps

这两个框架需要完全不同的经验水平，采用 sencha 方法需要一段时间（如果您熟悉 ExtJS 会更容易），但它提供了非常可靠的平台，还具有编译器工具，为两个 ios 的市场应用程序做好准备和安卓

如果你真的只需要这个工具栏，考虑自己编写代码，只需检查这两个框架中的停靠工具栏是如何实现的，因为它在 iphone 上有点让人头疼

【讨论】：