!!! Listings zum Artikel "Grenzgaenger" !!! von Stefan Mintert in iX 2/2011, S. 134 !!! Listing 1: Headerdatei Aivee_MobileViewController.h !!! oben: Aivee_MobileViewController.h - bitte kursiv #import @interface Aivee_MobileViewController : UIViewController { IBOutlet UIWebView* webView; } @property (nonatomic, retain) UIWebView *webView; @end !!! Listing 2: Implementierung von viewDidLoad !!! oben: viewDidLoad - bitte kursiv - (void)viewDidLoad { [super viewDidLoad]; NSString *filePath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; NSData *htmlData = [NSData dataWithContentsOfFile:filePath]; if (htmlData) { NSBundle *bundle = [NSBundle mainBundle]; NSString *path = [bundle bundlePath]; NSString *fullPath = [NSBundle pathForResource:@"index" ofType:@"html" inDirectory:path]; webView.scalesPageToFit = YES; [webView loadRequest:[NSURLRequest requestWithURL: [NSURL fileURLWithPath:fullPath]]]; } } !!! Listing 3: HTML-Code von Aivee Mobile Aivee

Was ist heute passiert? Was befindet sich in der Umgebung? Merken Gemerkte Texte

!!! Listing 4: HTML-Schnipsel für Phonegap

PhoneGap-Demo

Foto von der Kamera

Dein Foto

!!! Listing 5: JavaScript-Funktion fotoAufnehmen !!! oben: fotoAufnehmen bitte kursiv function fotoAufnehmen() { var successHandler = function (fotoDaten) { var fotoElem = document.getElementById('foto'); fotoElem.src = "data:image/jpeg;base64," + fotoDaten; } var errorHandler = function (message) { alert("Zugriff auf Kamera nicht möglich: " + message); } navigator.camera.getPicture(successHandler, errorHandler, { quality: 50 }); } !!! Listing 6: HTML-Schnipsel der UI-Demo

UI Demo

Willkommen zur iPhone UI Demo.

Über UI Demo

Zurück

Diese Demo demonstriert die Leistungsfähigkeit von HTML, CSS und JavaScript zur App-Entwicklung. Das Look & Feel folgt dem iPhone-Stil und wird durch jQTouch realisiert.

!!! Listing 7: JavaScript und CSS für die UI-Demo