New to native? Getting Started With iOS Development
Download as PPTX, PDF0 likes1,901 views
This document provides an overview of getting started with iOS development using Xcode. It recommends searching Apple's Human Interface Guidelines and downloading the free version of Xcode from the Mac App Store. It describes how to create projects using different templates like Master-Detail or Tabbed. It covers the basics of Xcode's interface and tools. It also provides guidance on working with common UI elements like labels, buttons, and text views. Additional topics covered include debugging, animations, alerts, storyboards, provisioning for device testing, and distributing builds using TestFlight.
![Working with the
UITextView
Control the keyboard
//make the keyboard display
[textField becomeFirstResponder];
//make the keyboard hide
[textField resignFirstResponder];](https://image.slidesharecdn.com/newtonative-gettingstartedwithiosdevelopment-150109120529-conversion-gate01/85/New-to-native-Getting-Started-With-iOS-Development-26-320.jpg)
![Working with the
UITextView
Implement optional delegate methods
//Dismiss the keyboard when the return key is tapped
- (BOOL)textFieldShouldReturn:(UITextField *)textField {
if (textField == self.someTextfield) {
[textField resignFirstResponder];
return NO;
}
return YES;
}
//Only allow numeric characters
- (BOOL) textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range
replacementString:(NSString *)newString
{
NSCharacterSet* notNumbers =
[[NSCharacterSet characterSetWithCharactersInString:@"0123456789"]
invertedSet];
NSUInteger location = [newString rangeOfCharacterFromSet:notNumbers].location;
return ( location == NSNotFound );
}](https://image.slidesharecdn.com/newtonative-gettingstartedwithiosdevelopment-150109120529-conversion-gate01/85/New-to-native-Getting-Started-With-iOS-Development-27-320.jpg)
![Working with Colors
#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
@interface UIColor (My)
+(UIColor *) MyOffWhiteColor;
@end
@interface UIFont (My)
+(UIFont *) MyLightFontWithFontSize:(float)fontSize;
@end
#import "MyColorsAndFonts.h"
@implementation UIColor (My)
+(UIColor *) MyOffWhiteColor { return [UIColor colorWithRed: 252.0/255.0 green: 251.0/255.0 blue:
247.0/255.0 alpha: 1.0]; };
@end
@implementation UIFont (My)
+(UIFont *) MyLightFontWithFontSize:(float)fontSize { return [UIFont fontWithName:@"HelveticaNeue-
Light" size:fontSize]; }
@end
Create a custom
Color and Font
Class](https://image.slidesharecdn.com/newtonative-gettingstartedwithiosdevelopment-150109120529-conversion-gate01/85/New-to-native-Getting-Started-With-iOS-Development-39-320.jpg)
![Transitons Animations
[UIView animateWithDuration:3.0 animations:^{
[self.someLabel setAlpha:1.0];
}];
Write Some Code
[UIView animateWithDuration:0.5
delay:0
usingSpringWithDamping:500.0f
initialSpringVelocity:0.0f
options:UIViewAnimationOptionCurveLinear
animations:^{
[self.someLabel setAlpha:1.0];
}completion:^{
[self doSomething];
}];
[self.view setNeedsUpdateConstraints];
[UIView animateWithDuration:3.0 animations:^{
[self.someLabel setAlpha:1.0];
[self.view layoutIfNeeded];
}];](https://image.slidesharecdn.com/newtonative-gettingstartedwithiosdevelopment-150109120529-conversion-gate01/85/New-to-native-Getting-Started-With-iOS-Development-43-320.jpg)
![UIAlertView and its
Delegate
UIAlertView *alertView = [[UIAlertView alloc]initWithTitle:
@"Some Title" message:@"Some Alert”
delegate:self
cancelButtonTitle:@“Cancel"
otherButtonTitles:@"Ok", nil];
[alertView show];
Display an Alert
- (void)alertView:(UIAlertView *)alertView
clickedButtonAtIndex: (NSInteger)buttonIndex{
switch (buttonIndex) {
case 0:
NSLog(@"Cancel");
break;
case 1:
NSLog(@"OK");
break;
default:
break;
}
}
Respond to an Alert](https://image.slidesharecdn.com/newtonative-gettingstartedwithiosdevelopment-150109120529-conversion-gate01/85/New-to-native-Getting-Started-With-iOS-Development-44-320.jpg)
![Storyboards and Nibs (Xibs)
Creating a UIViewController from a Storyboard
Creating a UIViewController from a Nib (Xib)
SomeViewController* someViewController =
[self.storyboard instantiateViewControllerWithIdentifier:@“SomeView"];
[[self navigationController]
presentViewController:someViewController animated:YES completion:nil];
SomeViewController* someViewController =
[[SomeViewController alloc] initWithNibName:@"SomeViewController" bundle:nil];
[[self navigationController]
presentViewController:someViewController animated:YES completion:nil];](https://image.slidesharecdn.com/newtonative-gettingstartedwithiosdevelopment-150109120529-conversion-gate01/85/New-to-native-Getting-Started-With-iOS-Development-49-320.jpg)
![Multiple Storyboards
One “Shared” Storyboard
Multiple Storyboards
SomeViewController* someViewController =
[self.storyboard instantiateViewControllerWithIdentifier:@“SomeView"];
[[self navigationController]
presentViewController:someViewController animated:YES completion:nil];
UIStoryboard *someStoryboard =
[UIStoryboard storyboardWithName:@"SomeStoryboard" bundle:nil];
SomeViewController* someViewController =
[someStoryboard instantiateViewControllerWithIdentifier:@“SomeView"];
[[self navigationController]
presentViewController:someViewController animated:YES completion:nil];](https://image.slidesharecdn.com/newtonative-gettingstartedwithiosdevelopment-150109120529-conversion-gate01/85/New-to-native-Getting-Started-With-iOS-Development-50-320.jpg)
![[Devoxx Morocco 2015] Apache Cordova In Action](https://cdn.slidesharecdn.com/ss_thumbnails/devoxxmorocco2015apachecordovainaction-151118135527-lva1-app6892-thumbnail.jpg?width=560&fit=bounds)
Ad
More Related Content
What's hot (19)
Similar to New to native? Getting Started With iOS Development (20)
Ad
Recently uploaded (20)
Ad
New to native? Getting Started With iOS Development
- 1. New to Native? Getting Started with iOS Development
- 2. @ggeoffreggeoffre.com 20 years of experience in the development, marketing, sales, and leadership of computer software A C T S
- 3. Before you do anything… Search Google for… “Apple Mobile HIG” Apple’s Mobile Human Interface Guidelines developer.apple.com/library/ios/doc umentation/UserExperience/Concep tual/MobileHIG/
- 5. Using Xcode Step One - Get a Mac, any Mac Step Two - Get Xcode Download the free version of Xcode from the app store Create a free developer account and download Xcode developer.apple.com Register your company and pay for a developer account to download Xcode betas
- 6. Creating a new project
- 9. Page Based
- 10. Page Based
- 11. Tabbed
- 12. Tabbed
- 13. Toolbar - Run, Stop, Show, Hide Navigation - Project, Symbol, Find, Issue, Test, Debug, Breakpoint, Report Editors - Source, Interface Builder, Project Debugger - Stack Viewer, Output Console Inspector/Library - File, Help, Code, Object, Media The Basics of Xcode
- 14. The Basics of Xcode
- 15. The Basics of Xcode
- 16. The Basics of Xcode
- 17. Working with the UILabel Drag and drop the object in IB onto the view
- 18. Working with the UILabel Connect the object in IB to Code
- 19. Working with the UIButton Drag and drop the object in IB onto the view
- 20. Working with the UIButton Connect the object in IB to Code
- 21. Working with the UIButton Create an action for the object
- 22. Working with the UITextView Drag and drop the object in IB onto the view
- 23. Working with the UITextView Connect the object in IB to Code
- 24. Working with the UITextView Add the delegate interface to the View
- 25. Working with the UITextView Set the objects delegate as the view
- 26. Working with the UITextView Control the keyboard //make the keyboard display [textField becomeFirstResponder]; //make the keyboard hide [textField resignFirstResponder];
- 27. Working with the UITextView Implement optional delegate methods //Dismiss the keyboard when the return key is tapped - (BOOL)textFieldShouldReturn:(UITextField *)textField { if (textField == self.someTextfield) { [textField resignFirstResponder]; return NO; } return YES; } //Only allow numeric characters - (BOOL) textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)newString { NSCharacterSet* notNumbers = [[NSCharacterSet characterSetWithCharactersInString:@"0123456789"] invertedSet]; NSUInteger location = [newString rangeOfCharacterFromSet:notNumbers].location; return ( location == NSNotFound ); }
- 28. Managing Editing textFieldShouldBeginEditing: textFieldDidBeginEditing: textFieldShouldEndEditing: textFieldDidEndEditing: Editing the Text Field’s Text textField:shouldChangeCharactersInRange:replacementString: textFieldShouldClear: textFieldShouldReturn: Working with the UITextView
- 29. Review: Working with the… UILabel UIButton UITextField
- 30. Working with the UILabel Drag and drop the object in IB onto the view Connect the object in IB to Code
- 31. Working with the UIButton Drag and drop the object in IB onto the view Connect the object in IB to Code Create an action for the object
- 32. Working with the UITextView Drag and drop the object in IB onto the view Connect the object in IB to Code Add the delegate interface to the View Set the objects delegate as the view Implement optional delegate methods
- 33. Debugging in the Simulator Managing Devices
- 34. Debugging in the Simulator Reseting the Simulator
- 35. Debugging in the Simulator Toggle, Run, Step Over, Step Into, Step Out
- 36. float someFloat = 1.2345; int someInteger = 6; NSString *someString = @"Seven"; NSLog(@"Some Float: %f Some Integer: %i Some String: %@“ , someFloat, someInteger, someString); Technical Note TN2347 Logging console messages Debugging in the Simulator
- 37. Working with Colors Use the Color Picker To save your color choices
- 38. Working with Colors Add the UIKit Framework to your project
- 39. Working with Colors #import <Foundation/Foundation.h> #import <UIKit/UIKit.h> @interface UIColor (My) +(UIColor *) MyOffWhiteColor; @end @interface UIFont (My) +(UIFont *) MyLightFontWithFontSize:(float)fontSize; @end #import "MyColorsAndFonts.h" @implementation UIColor (My) +(UIColor *) MyOffWhiteColor { return [UIColor colorWithRed: 252.0/255.0 green: 251.0/255.0 blue: 247.0/255.0 alpha: 1.0]; }; @end @implementation UIFont (My) +(UIFont *) MyLightFontWithFontSize:(float)fontSize { return [UIFont fontWithName:@"HelveticaNeue- Light" size:fontSize]; } @end Create a custom Color and Font Class
- 40. Working with Colors http://www.javascripter.net/faq/hextorgb.htm Color Sync Utility Digital Color Meter Hex-to-RGB Conversion
- 41. Transitons Animations Disable Auto Layout on the View
- 42. Working with the UILabel Connect the object in IB to Code
- 43. Transitons Animations [UIView animateWithDuration:3.0 animations:^{ [self.someLabel setAlpha:1.0]; }]; Write Some Code [UIView animateWithDuration:0.5 delay:0 usingSpringWithDamping:500.0f initialSpringVelocity:0.0f options:UIViewAnimationOptionCurveLinear animations:^{ [self.someLabel setAlpha:1.0]; }completion:^{ [self doSomething]; }]; [self.view setNeedsUpdateConstraints]; [UIView animateWithDuration:3.0 animations:^{ [self.someLabel setAlpha:1.0]; [self.view layoutIfNeeded]; }];
- 44. UIAlertView and its Delegate UIAlertView *alertView = [[UIAlertView alloc]initWithTitle: @"Some Title" message:@"Some Alert” delegate:self cancelButtonTitle:@“Cancel" otherButtonTitles:@"Ok", nil]; [alertView show]; Display an Alert - (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex: (NSInteger)buttonIndex{ switch (buttonIndex) { case 0: NSLog(@"Cancel"); break; case 1: NSLog(@"OK"); break; default: break; } } Respond to an Alert
- 45. Storyboards and Nibs (Xibs) Nibs and Xibs are the same “N” is for NeXt, “ib” is for Interface Builder “X” is for XML, “ib” is for Interface Builder One .xib file for one Storyboards are like Xibs for multiple UIView Controllers
- 46. Creating a new Xib
- 47. Creating a new Storyboard
- 48. Binding in Interface Builder Select the ViewController in Interface Builder Navigate to the Identity Inspector Set the Custom Class Name Set the Storyboard ID
- 49. Storyboards and Nibs (Xibs) Creating a UIViewController from a Storyboard Creating a UIViewController from a Nib (Xib) SomeViewController* someViewController = [self.storyboard instantiateViewControllerWithIdentifier:@“SomeView"]; [[self navigationController] presentViewController:someViewController animated:YES completion:nil]; SomeViewController* someViewController = [[SomeViewController alloc] initWithNibName:@"SomeViewController" bundle:nil]; [[self navigationController] presentViewController:someViewController animated:YES completion:nil];
- 50. Multiple Storyboards One “Shared” Storyboard Multiple Storyboards SomeViewController* someViewController = [self.storyboard instantiateViewControllerWithIdentifier:@“SomeView"]; [[self navigationController] presentViewController:someViewController animated:YES completion:nil]; UIStoryboard *someStoryboard = [UIStoryboard storyboardWithName:@"SomeStoryboard" bundle:nil]; SomeViewController* someViewController = [someStoryboard instantiateViewControllerWithIdentifier:@“SomeView"]; [[self navigationController] presentViewController:someViewController animated:YES completion:nil];
- 51. Debugging on a device Enable Mac to be in “Development Mode” Create Developer Account and Provisioning Profile Add your device to your account (hard limit of 100 devices) developer.apple.com
- 52. Provisioning Test Devices Create a Provisioning Profile Download and install Certificates Build and Deploy Xcode Archives
- 53. Provisioning Test Devices Tools Xcode Organizer for iOS Devices and Profiles ADC Development Provisioning Portal ADC Development Provisioning Assistant Certificates WWDR Intermediate Certificate Developer Certificate Provisioning Profile Certificate
- 54. ADC iOS Provisioning Portal Manually Manage Devices Developers Profiles App IDs
- 55. Debugging on a device Log on with your Apple ID to your Apple Developer Account
- 56. Managing Devices Debugging on a device Attach the Device to your Mac
- 57. Debugging on a device Check the Project Settings • Bundle Identifier • Team Provisioning Profile • Deployment Target Select the Device and Run
- 58. Debugging on a device airserver.com airsquirrels.com
- 59. When Things Go Wrong... Technical Note TN2250 - Understanding and Resolving Code Signing Issues
- 61. TestFlight Distribution Setup a free TestFlight account and create a team. Invite and gather the UDIDs from the team members. Add devices to your ADC Provisioning Profile. Build an .ipa archive in Xcode and upload to TestFlight. Distribute the build and manage the feedback.