工作灯标签栏答案

【问题标题】：Worklight tabbar工作灯标签栏
【发布时间】：2014-06-28 09:19:58
【问题描述】：

我正在开发 Worklight 6.1 版。我已经创建了一个 Worklight 项目，添加了一个混合应用程序，然后将 iPhone 环境添加到该应用程序。我已经生成了 Xcode 环境并将控制器类添加到该 Xcode 项目中。我必须在我的应用程序中添加工作灯标签栏。我将 html（网页）页面作为第一页，然后从那里导航到查看控制器页面。在 main.js 中添加了以下函数。

    var tb = WL.TabBar;
      tb.init();
      tb.addItem("One", function () {
        } ,"First",  { image : ""});
     tb.setVisible(true);
     tb.setSelectedItem("One");

我能够在网页中获取选项卡栏项目。但是选项卡栏没有显示在任何视图控制器屏幕中。我应该怎么做才能在 web 和本机 ios 屏幕中都有 Worklight 选项卡栏。帮助我解决这个问题。

【问题讨论】：

如果下面我的回答帮助您解决了您的问题，请将其标记为已回答。

标签： ios ibm-mobilefirst

【解决方案1】：

Worklight 使用 Cordova，因此当您启动应用程序时，您看到的是 Worklight 生成的 Cordova Web 视图。

当您导航到本机页面（在您的情况下是一个新类）时，您实际上是从 Web 视图移动到另一个视图控制器，因此您不会在该视图控制器中看到 WL.TabBar 实例（标签栏属于另一个）。

以下博客文章包含有关 Worklight 应用程序架构的背景信息，并解释了如何在基于 Cordova 的应用程序中组合本机控制器，例如选项卡栏。仔细阅读并相应地实施：

Combining native and web controls in Cordova based applications

【讨论】：

【解决方案2】：

对于 Web，使用 Worklight 选项卡栏控件 -- 正如您已经完成的那样。
对于Native，您必须在本机代码中设计一个选项卡。

正如@Idan 所建议的，之后你必须建立通信/交互。

【讨论】：

【解决方案3】：

如果你使用worklight，你可以集成原生代码和网页代码，但是有点棘手，并且很难处理从原生到网页的所有控件，以及在点击标签时加载不同的页面。最好实现自定义 web 选项卡栏看起来像原生选项卡栏。

您可以在 web 中设计更类似于原生的自定义标签栏。

【讨论】：