In this tutorial, we will see how to create a basic interface in Objective-C with code only. It will be one TextField and one Button. Yeah, just that and we will need 6 files! And maybe we will use some inheritance.<\/p>\n
ActionScript 3 is really a smart language, it is very quick to create what we will do. Something like 10 lines of code… Anyway, in this tutorial I will not make comparisons between ActionScript 3 and Objective-C like the previous one<\/a> unless it is really useful.<\/p>\n Open Xcode and create a new iOS empty application, disable everything. Many files are created, but we will use only AppDelegate.h and AppDelegate.m In the AppDelegate we will init our applications.<\/p>\n <\/p>\n Objective-C is based on the MVC design pattern, so we need to implement it : Import your ViewController class in AppDelegate.h :<\/p>\n Then open its implementation file (.m) : Release the object in the dealloc method :<\/p>\n Now we need to add our ViewController, go inside the application:didFinishLaunchingWithOptions:<\/em> method and add two lines like that :<\/p>\n Now we create an UIView class, I called it MyView. Create a folder “views” and “Group” your two new files. In the header file, we create 3 properties and a new constructor :<\/p>\n Then implement your file :<\/p>\n In the new constructor we create our button, and we add the textfield in an other method.<\/p>\n And finally uncomment the drawRect:<\/em> method which is called when a new object is created :<\/p>\n Note that coordinates (0, 0) are top left on iOS app, but bottom left on mac!<\/p>\n So at the moment we have just set up our view with some params. Now we add our view to the view controller :<\/p>\n We have created a method wasTapped<\/em> to inform the user that the button is pressed.<\/p>\n And add these methods :<\/p>\n Now compile, you should have already your green textfield and a button which send “Button Clicked” in the console!<\/p>\n I think it’s time for some explanation : Then we have added the view to our view controller thanks to the loadView<\/em> method. It comes from UIViewController! Afterwards we have initialized our MyView class, giving some params, and finally added it and its button :<\/p>\n We didn’t need to add the textfield like we did with the button, because we use its method drawAtPoint<\/em> which doesn’t exist on a UIButton.<\/p>\n And the last line of loadView<\/em> method, add an event to our button :<\/p>\n The action parameter need to be explained : Xcode is waiting for a SEL<\/em> object. A SEL is simply a pointer reference to a function, we already used something like that in AS3 with listeners :<\/p>\n In Objective-C we used the keyword @selector(functionName)<\/em>.<\/p>\n Now it’s time to create our first object. Create a new file, MyParentObject, which extend NSObject, and group it in objects folder.<\/p>\n Then create a new NSObject class, MyObject which extends MyParentObject.<\/p>\n Then we just need to init MyObject in the ViewController and added its properties to the View Constructor :<\/p>\n You’ve to think to synthesize it, init it, and release it!<\/p>\n Then compile, that’s it!<\/p>\n MyZip<\/a><\/strong>.<\/p>\n In this tutorial we saw the 3 primary objects (NSObject, UIView and UIViewController) and how to assemble them. If you are creating an app for the iPhone & iPad, you will use Xcode’s Interface Builder with xib file. It is really smart, you just have to drag & drop interfaces and “draw line” to make connection between them and code.<\/p>\n On the internet, some people use NSRect NSColor objects for their view and design. I couldn’t use most of the NS object in my example… maybe there is a difference between an app on Mac and iOS. If someone could explain it, that would be great! I don’t think that I will made basic tutorials on creating iPhone apps, there are already lots of resources on the internet. I will focus on game engine, Cocos2D and Sparrow!<\/p>\n","protected":false},"excerpt":{"rendered":" In this tutorial, we will see how to create a basic interface in Objective-C with code only. It will be one TextField and one Button. Yeah, just that and we will need 6 files! And maybe we will use some inheritance. ActionScript 3 is really a smart language, it is very quick to create what … Continue reading Objective-C basic interface<\/span>
\nCreate a new UIViewController subclass file and name it MyViewController, don’t select XIB option, and create a folder “controllers”. Your files are created in the folder but you don’t see that in Xcode. Select the files, right click and select “New Group from Selection”. Rename it in “controllers”.
\nObjective-C doesn’t support package!<\/p>\n#import
\nSynthesize the property :<\/p>\n@synthesize window = _window, myViewController;<\/pre>\n
\r\n- (void)dealloc\r\n{\r\n [_window release];\r\n \r\n [myViewController release];\r\n \r\n [super dealloc];\r\n}<\/pre>\n- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions\r\n{\r\n self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];\r\n \r\n \/\/ Override point for customization after application launch.\r\n \r\n self.window.backgroundColor = [UIColor whiteColor];\r\n \r\n myViewController = [[MyViewController alloc] init];\r\n \r\n [_window addSubview:myViewController.view];\r\n \r\n [self.window makeKeyAndVisible];\r\n return YES;\r\n}<\/pre>\n#import
@synthesize myText, colorText, myButton;<\/pre>\n
- (id) initWithFrame:(CGRect)frame withText:(NSString *)text andColor:(UIColor *)color {\r\n \r\n self = [super initWithFrame:frame];\r\n if (self) {\r\n \/\/ Initialization code\r\n \r\n myText = [[NSString alloc] initWithString:text];\r\n \r\n colorText = color;\r\n \r\n myButton = [UIButton buttonWithType:UIButtonTypeInfoLight];\r\n [myButton setFrame:CGRectMake(10, 80, 30, 30)];\r\n }\r\n \r\n return self;\r\n}\r\n\r\n- (void) dealloc {\r\n \r\n [myText release];\r\n [colorText release];\r\n [myButton release];\r\n \r\n [super dealloc];\r\n}<\/pre>\n- (void)drawRect:(CGRect)rect\r\n{\r\n \/\/ the background becomes black, don't know why...\r\n [colorText setFill];\r\n [myText drawAtPoint:CGPointMake(100, 100) withFont:[UIFont systemFontOfSize:24]];\r\n}<\/pre>\n#import
@synthesize myView;<\/pre>\n
- (void) loadView {\r\n \r\n CGRect rect = [UIScreen mainScreen].applicationFrame;\r\n self.view = [[UIView alloc]initWithFrame:rect];\r\n \r\n myView = [[MyView alloc] initWithFrame:rect withText:@\"MyText\" andColor:[UIColor greenColor]];\r\n \r\n [self.view addSubview:myView];\r\n \r\n [self.view addSubview:myView.myButton];\r\n [myView.myButton addTarget:self action:@selector(wasTapped) forControlEvents:UIControlEventTouchUpInside];\r\n}\r\n\r\n- (void) wasTapped {\r\n \r\n NSLog(@\"Button clicked\");\r\n}\r\n\r\n- (void) dealloc {\r\n \r\n [myView release];\r\n \r\n [super dealloc];\r\n}<\/pre>\n
\nIn the AppDelegate file, we can’t add a view directly, we need to add its view controller thanks to these methods :<\/p>\nmyViewController = [[MyViewController alloc] init];\r\n[_window addSubview:myViewController.view];<\/pre>\n
myView = [[MyView alloc] initWithFrame:rect withText:@\"MyText\" andColor:[UIColor greenColor]];\r\n \r\n[self.view addSubview:myView];\r\n[self.view addSubview:myView.myButton];<\/pre>\n
[myView.myButton addTarget:self action:@selector(wasTapped) forControlEvents:UIControlEventTouchUpInside];<\/pre>\n
addEventListener(MouseEvent.CLICK, myFunction);\r\nfunction myFunction(mEvt:MouseEvent):void { trace('ok');}<\/pre>\n#import
#import \"MyParentObject.h\"\r\n\r\n@implementation MyParentObject\r\n\r\n@synthesize myText;\r\n\r\n- (id) init {\r\n \r\n self = [super init];\r\n \r\n if (self) {\r\n \r\n myText = [[NSString alloc] initWithString:@\"My Parent Text\"];\r\n }\r\n \r\n return self;\r\n}\r\n\r\n- (void) dealloc {\r\n \r\n [myText release];\r\n \r\n [super dealloc];\r\n}\r\n\r\n@end<\/pre>\n#import
#import \"MyObject.h\"\r\n\r\n@implementation MyObject\r\n\r\n@synthesize myColor;\r\n\r\n- (id) init {\r\n \r\n self = [super init];\r\n \r\n if (self) {\r\n \r\n myColor = [UIColor greenColor];\r\n \r\n myText = @\"My overrided text\";\r\n }\r\n \r\n return self;\r\n}\r\n\r\n- (void) dealloc {\r\n \r\n [myColor release];\r\n \r\n [super dealloc];\r\n}\r\n\r\n@end<\/pre>\nmyView = [[MyView alloc] initWithFrame:rect withText:myObject.myText andColor:myObject.myColor];<\/pre>\n
\nFinally it’s not learning a new language which is hard, it’s learning its API \ud83d\ude09<\/p>\n