你如何使用 Titanium 创建一个凸起的标签栏项目，比如 Instagram 中的那个？答案

【问题标题】：How do you create a raised tab bar item, like the one found in Instagram, with Titanium?你如何使用 Titanium 创建一个凸起的标签栏项目，比如 Instagram 中的那个？
【发布时间】：2011-12-09 17:29:24
【问题描述】：

我正在尝试创建一个类似于 Instragram 上的菜单，其中心项目使用特殊设计，但 Titanium 文档未提供有关此类功能的信息

这里有一个已回答问题的示例：How do you create a raised tab bar item, like is found in Instagram? 但我需要它在钛上工作，有什么线索吗？

【问题讨论】：

标签： ios titanium titanium-mobile

【解决方案1】：

您可以按照以下步骤进行模仿；（这是 hackish 但目前唯一的方法）

创建标签组

var tabGroup = Titanium.UI.createTabGroup({
    id:"bottomTabs", 
    bottom:-50
});

根据需要添加标签

var tabTimeline = Titanium.UI.createTab({  
    icon:"icons/btn_timeline@2x.png",
    title:"Timeline",
});

创建一个没有标题的按钮来模仿 Instagram 中的凸起标签栏。

var btnScan = Titanium.UI.createButton({
    backgroundImage:'icons/btn_action.png',
    width:46,
    height:46,
    title:'',
    bottom:0
});

将该按钮添加到选项卡组。
```
tabGroup.add(btnScan);
```

（希望有朝一日钛也支持更多低级 API）

【讨论】：

【解决方案2】：

我相信 Instagram 是用 Objective-C 编写的。像他们一样创建自定义标签栏涉及对原生标签栏进行子类化，但仅使用 JS 和 Titanium 是无法做到的。

这是在 Titanium 中伪造自定义标签栏的教程，其中涉及创建一个带有按钮的窗口，用于控制真正的标签栏。

http://www.samjordan.co.uk/2011/02/tutorial-custom-iphone-tabbar-using-appcelerator-titanium/

【讨论】：

非常感谢，虽然不完全是答案，但它是解决方案的途径！

【解决方案3】：

我不知道 Instragram 是在 Titanium 中为哪个平台开发的，但我知道这种类型的标签。我为我的一个项目创建了类似类型的选项卡，所以我可以说这不是内置选项卡，您必须自己创建它。

您必须使用可用的 UI 小部件（如视图、图像视图和标签）来设计图标、背景、凸起的背景并编写逻辑以使这项工作与 Tab 相同。

希望您能够为此编写逻辑。据我所知，这不是内置选项卡，而是自定义选项卡。

【讨论】：