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

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

来自Instagram的示例,请注意菜单中的中心项目已引发

这里有一个已经回答的问题的例子: 你如何创建一个凸起的标签栏项目,就像在Instagram中找到的那样? 但我需要它在titanium上工作,任何线索?

我相信Instagram是用Objective-C编写的。 创建自定义选项卡栏涉及子类化本机选项卡栏,但您无法仅使用JS和Titanium执行此操作。

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

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

您可以通过以下步骤模仿它; (这是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); 

(希望有一天titanium支持更多的低级API)

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

你必须使用像views,imageview和labe这样的可用UI小部件来设计图标,背景,凸起的背景和编写逻辑,以使这项工作与Tab相同。

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