Question

如何使用IBM Worklight Tabbar API为iPhone和Android平台制作基于标签的移动应用程序，

我找到了Tabbar API：http://pic.dhe.ibm.com/infocenter/wrklight/v5r0m5/index.jsp?topic=%2Fcom.ibm.worklight.help.doc%2Fapiref%2Fr_tab_bar_api.html

但是，没有得到如何在我的应用程序中使用tabbar。

Answer 1

查看Common Controls的使用入门模块。幻灯片14-19应该可以帮到你。

这是iOS的一个简单示例：

var tb = WL.TabBar;
tb.init();
tb.addItem("0", func1 , "One",  { image : "images/1.png"});
tb.addItem("1", func2 , "Two",  { image : "images/2.png"});
tb.addItem("2", func3, "Three", { image : "images/3.png"});
tb.setVisible(true);
tb.setSelectedItem("0");

确保func1，func2和func3是之前在您的应用中定义的功能以及传递的图像（1.png，2.png和{{ 1}}）也存在于3.png文件夹中。您可以获得一些免费图标here，主网站为here。

以下是images：

的示例

func1

对于Android：

<强>公共/ [应用]的.html

在正文标记后添加以下内容：

var func1 = function () { 
  alert('hello world');
}

<强>机器人/ JS / [应用]的.js

<div id="AppBody"> </div>

<强>机器人/图像/ tabicon.png

确保项目中存在图像。

代码示例

有一个正常工作的Worklight项目/代码示例here，其中包含正确的html，js和图像。

Worklight - 如何使用IBM Worklight Tabbar API？

1 个答案: