iOS用の別のアプリケーションを構築していますが、今回はPhoneGapでよりネイティブになりたいので、NativeControlsを見て、プラグイン機能が気に入りましたが、Xcode 4プロジェクトでセットアップするにはどうすればよいですか?これについてのチュートリアルは見たことがありません。
2 に答える
まず、wwwフォルダーに含めた後、htmlページでNativeControls.jsファイルを参照する必要があります。このファイルがhtmlのphonegap.jsファイルの後にあることを確認してください。次に、pluginsフォルダーに.mファイルと.hファイルを追加します。最後に、phonegap.plistファイルのキーとしてNativeControlsを追加し、値を文字列として設定します。また、このプラグインはiPhoneでのみ機能することにも注意してください。
http://hiediutley.com/2011/03/30/phonegap-tutorial-series-%E2%80%93-5-third-party-plugins-nativecontrols/もチェックしてみてください。
NativeControls.js
wwwフォルダーに含め、 ProjectのPluginsフォルダーにファイルをNativeControls.h
含めます。NativeControls.m
Cordova plistファイルで、「プラグイン」という項目の下に「NativeControls」としてキーと値のペアを追加します(キーの名前と値:NativeControls)。
タブバーにネイティブコントロールを使用している場合は、次のように配置します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");