Following the previous post, just say that this is not a comprenhensive tutorial. There are a few good books out there to learn Objective C and Cocoa. We will just focus on what you need to do to come up with an App that wraps a WebApp. So first of all, you will need a Mac computer with the latest version of the Operating System in order to develop an App. If your current version is lower than 10.5 you will have to buy the snow leopard CD and install it. This is 10.5. Then update it to the latest version of the OS dowloading all update files, one each time, from 10.5 to the latest version: 10.6, 10.7, etc.
Yes, all that is a pain but there is no other choice than go all along with the process. Once your OS is updated, you must go to http://developer.apple.com and become a member of Apple developer center. After that, log and download XCode, Apple’s development platform, and install it.
Open Xcode, create a View Based Application and name it Test.
Now double click over TestViewController.h and add the following code:
#import <UIKit/UIKit.h>
@interface TestViewController : UIViewController<UIWebViewDelegate> {
IBOutlet UIWebView *webView;
}
@property(nonatomic, retain) UIWebView *webView;
@end
Open the “Resources” folder in the left menu and double Click “TestViewController.lib”. Now you are in fromt of the Interface Builder. You will see three windows: “Attributes”, “TestViewController.xib” and “Library”. Double click on View in “TestViewController.xib” and drop the UIViewController from the library in the resulting View.
Click on UIWebView and select the arrow in the attributes window.
Put the cursor over the radio button that is near the delegate option. A cross will appear. Press the mouse button and keep it press until you get the File Owner’s icon in the “TestViewController” window. Now the UIWebView is connected with the controller. Then, connect in the same way the “Referencing outlets/webView” item with the same File Owner’s.
Go back to XCode. Now is time to drag and drop your HTML project into the project. Just drag the corresponding folder with all the html, images ans elemets into the resources menu. A prompt will appear. Select “Copy…” and “Create…” and then add.
Select TestViewController.m, add some code at the beginning of the file
@implementation TestViewController
@synthesize webView;
Release the webView variable
- (void)dealloc {
[webView release];
[super dealloc];
}
Uncomment viewDidLoad and add a few lines
- (void)viewDidLoad {
NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@”web/index” ofType:@”html”] isDirectory:NO];
NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];
[webView loadRequest:requestObj];
[super viewDidLoad];
}
Where web/index.html is the main HTML file of the webapp, change just in case. Finally, all you have to do now is execute the project clicking on CLick & Run. And it’s done!
RSS
