WebViews iOS

WebViews iOS

從科爾多瓦 1.4 開始,可以使用一個元件作為科爾多瓦在 iOS 應用程式中。此元件是代號為 '刀'。

新科爾多瓦基於應用程式使用提供在科爾多瓦 1.4 或更多地使用刀的 Xcode 範本創建的。(範本是刀的參考實現。

科爾多瓦 2.0.0 和後續版本僅支援基於次級專案刀執行。

系統必備元件

克利弗添加到 Xcode 專案 (CordovaLib 子專案)

  1. 下載並解壓縮到您的硬碟磁碟機上的永久目錄位置的科爾多瓦源,例如到~/Documents/Cordova.

  2. 如果它正在運行,請退出 Xcode。

  3. 使用終端程式,定位到你放在上面的下載的源的目錄。

  4. 複製 config.xml 到你的專案目錄在磁片上 (請參見上面的前提條件)。

  5. 拖放式 config.xml 到 Xcode 專案導航的

  6. 選擇創建組的任何添加的資料夾選項按鈕,然後按完成.

  7. 拖放式 CordovaLib.xcodeproj 到 Xcode 專案導航的檔 (從永久目錄以上,位置和它應該在 CordovaLib 子目錄)。

  8. Select CordovaLib.xcodeproj in the Project Navigator.

  9. 鍵入選項-命令-1鍵的組合,以顯示檢查器.

  10. 選擇相對於組**檢查器器下拉式功能表中的位置**.

  11. 在專案導航器中選擇專案圖示,選擇你的目標,然後選擇生成設置選項卡。

  12. 添加 -all_load-Obj-C其他連結器標誌值。

  13. 按一下專案導航器中的專案圖示,選擇你的目標,然後選擇生成階段選項卡。

  14. 展開連結二進位案與庫.

  15. 選擇+按鈕,然後添加下列框架。(可選) 該專案導航器中移動他們的框架組下):

    AddressBook.framework AddressBookUI.framework AudioToolbox.framework AVFoundation.framework CoreLocation.framework MediaPlayer.framework QuartzCore.framework SystemConfiguration.framework MobileCoreServices.framework CoreMedia.framework
    
  1. 擴展目標的依賴關係,標有像這樣如果您有多個框的頂部框 !

  2. 選擇+按鈕,然後添加 CordovaLib 生成產品。

  3. 展開連結二進位案與庫,標有像這樣如果您有多個框的頂部框 !

  4. 選擇+按鈕,然後添加libCordova.a.

  5. 設置為獨特Xcode 偏好Xcode 首選項 → 位置 → 派生資料 → 先進.......

  6. 在專案導航器中選擇專案圖示,選擇你的目標,然後選擇生成設置選項卡。

  7. 搜索標題搜索路徑。該設置,添加以下 (帶引號) 這三個值:

    "$(TARGET_BUILD_DIR)/usr/local/lib/include"        
    "$(OBJROOT)/UninstalledProducts/include"
    "$(BUILT_PRODUCTS_DIR)"
    
與科爾多瓦 2.1.0, `CordovaLib` 已升級為使用**自動引用計數 (弧)**。 你不需要升級到**弧**要使用 CordovaLib,但是如果你想要升級您的專案使用**弧**,請使用 Xcode 遷移嚮導從功能表中:**編輯 → 重構 → 轉換為目標 C 弧...**,**取消選擇 libCordova.a**,然後運行嚮導完成。

在您的代碼中使用 CDVViewController

  1. 添加此標頭:

    #import <Cordova/CDVViewController.h>
    
  1. 具現化一個新的 CDVViewController ,並保留它在某個地方 (例如,向您的類中的屬性):

    CDVViewController* viewController = [CDVViewController new];
    
  1. (可選)設置 wwwFolderName 屬性 (預設為 www ):

    viewController.wwwFolderName = @"myfolder";
    
  1. (可選)在您的 config.xml 中設置的起始頁 <content> 標記。

    <content src="index.html" />
    
或

    <content src="http://apache.org" />
  1. (可選)設置 useSplashScreen 屬性 (預設為 NO ):

    viewController.useSplashScreen = YES;
    
  1. 設置視圖框架(總是此設置作為最後一個屬性):

    viewController.view.frame = CGRectMake(0, 0, 320, 480);
    
  1. 將刀添加到您的視圖:

    [myView addSubview:viewController.view];
    

添加您的 HTML、 CSS 和 JavaScript 資產

  1. 在您在磁片上的專案中創建一個新的目錄 www 為例。

  2. 將您的 HTML、 CSS 和 JavaScript 資產放入此目錄。

  3. 拖動並放到 Xcode 專案導航器的目錄。

  4. 選擇創建資料夾引用的任何添加的資料夾選項按鈕。

  5. 設置相應的 wwwFolderNamestartPage 你最初創建的資料夾的屬性,或使用預設設置 (請參閱上一節) 當你具現化CDVViewController.

    /*
     if you created a folder called 'myfolder' and
     you want the file 'mypage.html' in it to be
     the startPage
    */
    viewController.wwwFolderName = @"myfolder";
    viewController.startPage = @"mypage.html"