如何在 Xcode 4 中设置 NativeControls？答案

【问题标题】：How to Setup NativeControls in Xcode 4?如何在 Xcode 4 中设置 NativeControls？
【发布时间】：2011-10-11 21:25:10
【问题描述】：

我正在为 iOS 构建另一个应用程序，这次我想使用 PhoneGap 更加原生，所以我看到了NativeControls，我喜欢插件功能，但是如何在 Xcode 4 项目中设置它？我还没有看到任何关于这个的教程。

【问题讨论】：

标签： xcode xcode4 cordova phonegap-plugins

【解决方案1】：

首先，在将 NativeControls.js 文件包含在 www 文件夹中之后，您必须在 html 页面中引用它。确保此文件位于 html 中 phonegap.js 文件之后。接下来，在插件文件夹中添加 .m 和 .h 文件。最后，在 phonegap.plist 文件中添加 NativeControls 作为键，将值设置为字符串。另请注意，此插件仅适用于 iPhone。

你也可以试试http://hiediutley.com/2011/03/30/phonegap-tutorial-series-%E2%80%93-5-third-party-plugins-nativecontrols/

【讨论】：

我已经完成了上述所有操作，但我仍然没有得到标签栏。你能提供一些帮助吗？
在这里发布了一个问题：stackoverflow.com/questions/10035821/… 和我的代码。

【解决方案2】：

在 www 文件夹中包含 NativeControls.js，在 Project 的 Plugins 文件夹中包含 NativeControls.h 和 NativeControls.m 文件。在 Cordova plist 文件中，在名为“Plugins”的项下添加一个键值对作为“NativeControls”（键名和值：NativeControls）。

如果您将 Native Controls 用于标签栏，请将以下内容放在 onDeviceReady function：

nativeControls = window.plugins.nativeControls;
nativeControls.createTabBar();

// First tab
nativeControls.createTabBarItem(
  "tab1",
  "Tab1",   //Name that appears on tab item
  "....png", //Tab image placed in Resources folder
  { "onSelect": function() {}}
);

// Second tab
nativeControls.createTabBarItem(
  "tab2",
  "Tab2",
  "....png", //Tab image placed in Resources folder
  { "onSelect": function() {}}
);

// Third tab
nativeControls.createTabBarItem(
  "tab3",
  "Tab3",
  "....png", //Tab image placed in Resources folder
  { "onSelect": function() {}}
);

// Compile the TabBar
nativeControls.showTabBar();
nativeControls.showTabBarItems("tab1", "tab2", "tab3");
nativeControls.selectTabBarItem("books");

【讨论】：