如何使用 Titanium 创建凸起的选项卡栏项目，例如 Instagram 中的选项卡栏项目？

Question

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

这里有一个已回答问题的示例：如何创建凸起标签栏项目，就像在 Instagram 中找到的那样？，但我需要它在钛上工作，有任何线索吗？

Answer 1

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

1. 创建选项卡组

   var tabGroup = Titanium.UI.createTabGroup({
       id:"底部标签", 
       底部：-50
   });
   

2. 根据需要添加选项卡

   var tabTimeline = Titanium.UI.createTab({  
       icon:"icons/[电子邮件受保护]",
       标题：“时间轴”，
   });
   

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

   var btnScan = Titanium.UI.createButton({
       backgroundImage:'icons/btn_action.png',
       宽度：46，
       身高：46，
       标题：''，
       底部：0
   });
   

4. 将该按钮添加到选项卡组。

   tabGroup.add(btnScan);
   

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

Answer 2

我相信 Instagram 是用 Objective-C 编写的。创建自定义选项卡栏就像他们所做的那样涉及对本机选项卡栏进行子类化，但您无法仅使用 JS 和 Titanium 来做到这一点。

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

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

Answer 3

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

您必须设计图标、背景、凸起背景并编写逻辑，才能使用可用的 UI 小部件（如视图、图像视图和标签）使此工作与选项卡相同。

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