Cordova Worklight-如何使用IBM Worklight Tabbar API？

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

我找到了Tabbar API：

---

但是，我不知道如何在我的应用程序中开始使用tabbar。

请查看我的入门模块。幻灯片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

和

3.png

）也存在于

images

文件夹中。你可以得到一些免费的图标，主要网站是

下面是

func1

的一个示例：

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

对于Android：

common/[app].html

在body标记后添加以下内容：

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

android/images/tabicon.png

确保图像存在于项目中

代码示例

---

这里有一个Worklight项目/代码示例，其中包含正确的html、js和图像。

请查看有关的入门模块。幻灯片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

和

3.png

）也存在于

images

文件夹中。你可以得到一些免费的图标，主要网站是

下面是

func1

的一个示例：

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

对于Android：

common/[app].html

在body标记后添加以下内容：

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

android/images/tabicon.png

确保图像存在于项目中

代码示例

---

有一个Worklight项目/代码示例，包含正确的html、js和图像。

感谢您的快速回复：）它适用于iphone，但在android上无效：（您好，您有没有设置android tabbar的想法？android应用程序通常与iOS应用程序类似。如果我没记错的话，使用上面的代码应该会在顶部为您提供一个HTML5 tabbar。另一个选项是查看。使用上面的android代码，我不会在iOS中显示的任何地方获得tabbar，如果不使用jQuery M，这是否可能obile？android是否缺少任何东西？您不必在android中使用WL.TabBar.setParentDivId（parentId）。默认情况下，选项卡栏添加到元素中，带有ID内容（默认情况下，它应该是主体）。感谢快速回复：），它适用于iphone，但在android上无效：（您好，您有没有设置android tabbar的想法？android应用程序通常与iOS应用程序类似。如果我没记错的话，使用上面的代码应该会在顶部为您提供一个HTML5 tabbar。另一个选项是查看。使用上面的android代码，我不会在iOS中显示的任何地方获得tabbar，如果不使用jQuery M，这是否可能obile？android是否缺少任何东西？您不必在android中使用WL.TabBar.setParentDivId（parentId）。默认情况下，选项卡栏添加到具有ID内容的元素中（默认情况下，它应该是主体）。