如何使用Titanium创建凸起的标签栏项目，如Instagram中的标签栏项目？

Question

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

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

Answer 1

您可以通过以下步骤模仿它; （这是hackish但是现在唯一的方法）

1. 创建标签组

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

2. 根据需要添加标签

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

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

   var btnScan = Titanium.UI.createButton({
       backgroundImage:'icons/btn_action.png',
       width:46,
       height:46,
       title:'',
       bottom: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

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

你必须设计图标，背景，凸起的背景和写入逻辑，以使用可用的UI小部件（如视图，imageview和labe）使其与Tab相同。

希望你能为此写出逻辑。根据我的知识，这不是内置选项卡，它是一个自定义选项卡。