iOS visualizzazioni Web
In questa sezione viene illustrato come incorporare un componente WebView Cordova abilitato all'interno di una più ampia applicazione iOS. Per dettagli su come questi componenti possono comunicare con a vicenda, vedere applicazione plugin.
Supporto per iOS visualizzazioni Web iniziato con Cordova versione 1.4, utilizzando un Cleaver
componente per il quale il modello di Xcode serve come un'implementazione di riferimento. Cordova 2.0 e versioni successive supportano solo l'implementazione basata su sottoprogetto di mannaia.
Queste istruzioni richiedono almeno 2.3 Cordova e Xcode 4.5, lungo con un config.xml
file da un progetto di iOS appena creato. È possibile utilizzare la procedura in l'interfaccia della riga di comando per creare un nuovo progetto, quindi ottenere il config.xml
all'interno di sottodirectory dell'applicazione denominata all'interno del file daplatforms/ios
.
Per seguire queste istruzioni, assicuratevi di che avere l'ultima distribuzione di Cordova. Scaricare da cordova.apache.org e decomprimere il pacchetto iOS.
L'aggiunta di mannaia al progetto Xcode (sub-progetto CordovaLib)
Se è in esecuzione, chiudere Xcode.
Aprire un terminale e spostarsi nella directory del sorgente per iOS di Cordova.
Copia il
config.xml
file descritto in precedenza nella directory del progetto.Aprire Xcode e utilizzare il Finder per copiare la
config.xml
file nella relativa finestra Navigatore progetto .Scegliere crea gruppi per eventuali aggiunte cartelle e premere fine.
Utilizzare il Finder per copiare la
CordovaLib/CordovaLib.xcodeproj
file in di Xcode Navigatore progettoSelezionare
CordovaLib.xcodeproj
all'interno del progetto Navigator.Digitare la combinazione di tasti opzione-comando-1 per visualizzare il File Inspector.
Scegliere nel File ispettore per il menu a discesa relativo al gruppo per posizione.
Selezionare l' icona del progetto nel Progetto navigatore, selezionare la destinazione, quindi scegliere la scheda Impostazioni di compilazione .
Aggiungi
-force_load
e-Obj-C
per il valore di Altre bandiere di Linker .Fare clic sull' icona progetto in Navigatore progetto, selezionare la destinazione, quindi selezionare la scheda Fasi costruire .
Espandere i file binari di collegamento con le librerie.
Selezionare il + pulsante e aggiungere i seguenti quadri. Facoltativamente all'interno del Navigatore progetto, spostarli sotto il gruppo di quadri :
AddressBook.framework AddressBookUI.framework AudioToolbox.framework AVFoundation.framework CoreLocation.framework MediaPlayer.framework QuartzCore.framework SystemConfiguration.framework MobileCoreServices.framework CoreMedia.framework
Espandere Dipendenze di destinazione, il bauletto con quell'etichetta se non c'è più di una casella.
Selezionare il + pulsante e aggiungere il
CordovaLib
costruire il prodotto.Espandere i File binari di collegamento con le librerie, il bauletto con quell'etichetta se non c'è più di una casella.
Selezionare il + pulsante e aggiungere
libCordova.a
.Impostare il Xcode preferenze → posizioni → derivato dati → avanzate... a Unique.
Selezionare l' icona del progetto nel Navigatore progetto, selezionare la destinazione, quindi scegliere la scheda Impostazioni di compilazione .
Ricerca di percorsi di ricerca di intestazione. Per tale impostazione, aggiungere questi tre valori inferiori, comprese le virgolette:
"$(TARGET_BUILD_DIR)/usr/local/lib/include" "$(OBJROOT)/UninstalledProducts/include" "$(BUILT_PRODUCTS_DIR)"
A partire da Cordova 2.1.0,
CordovaLib
è stato aggiornato per utilizzare il Conteggio di riferimento automatico (ARC). Non devi aggiornare a ARC utilizzareCordovaLib
, ma se volete aggiornare il vostro progetto per utilizzare ARC, è necessario utilizzare la migrazione guidata di Xcode dalla Modifica → refactoring → Converti in Objective-C ARC... menu, de-selezionare libCordova.a, quindi eseguire la procedura guidata fino al completamento.
Utilizzando CDVViewController
Aggiungere la seguente intestazione:
#import <Cordova/CDVViewController.h>
Creare un'istanza di un nuovo
CDVViewController
e conservarlo da qualche parte, per esempio, a una proprietà di classe:CDVViewController* viewController = [CDVViewController new];
Facoltativamente, impostare la
wwwFolderName
proprietà, il cui valore predefinito èwww
:viewController.wwwFolderName = @"myfolder";
Facoltativamente, impostare la pagina iniziale
config.xml
di file<content>
tag, un file locale:<content src="index.html" />
... o un sito remoto:
<content src="http://apache.org" />
Facoltativamente, impostare la
useSplashScreen
proprietà, il cui valore predefinito èNO
:viewController.useSplashScreen = YES;
Impostare il riquadro di visualizzazione. Sempre impostare questa come l'ultima proprietà:
viewController.view.frame = CGRectMake(0, 0, 320, 480);
Aggiungi mannaia alla visualizzazione:
[myView addSubview:viewController.view];
Aggiunta di HTML, CSS e JavaScript attivi
Creare una nuova directory all'interno del progetto,
www
per esempio.Inserire HTML, CSS e JavaScript attivi in questa directory.
Utilizzare il Finder per copiare la directory nella finestra Navigatore progetto di Xcode.
Selezionare Crea cartella riferimenti per eventuali cartelle aggiunte.
Impostare le opportune
wwwFolderName
estartPage
proprietà della directory è stato inizialmente creato, oppure utilizzare le impostazioni predefinite (specificate nella sezione precedente) quando un'istanza delCDVViewController
./* 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"