Sviluppo di Applicazioni per ios

Transcript

1 Lezione 5 Sviluppo di Applicazioni per ios Applicazione ios Application Life Cycle Viste

2 Oggi parleremo di...

3 Oggi parleremo di... Anatomia di una applicazione ios

4 Oggi parleremo di... Anatomia di una applicazione ios App Life Cycle

5 Oggi parleremo di... Anatomia di una applicazione ios App Life Cycle Views

6 Oggi parleremo di... Anatomia di una applicazione ios App Life Cycle Views View Controllers

7 Applicazione ios Xcode templates App Life Cicle

8 Anatomia di un applicazione ios Un applicazione ios contiene Codice compilato codice scritto da noi, frameworks I Nib files gli elementi dell interfaccia grafica Resources le immagini, i suoni, le stringhe di localizzazioneecc. Info.plist file il file di configurazione dell applicazione

9 Xcode Xcode ci mette a disposizione diverse templates per iniziare lo sviluppo delle nostre applicazioni

10 View-based Application Elenco di documenti che verranno creati per noi da Xcode ed aggiunti automaticamente a progetto main.m <ProjectName>AppDelegate.[hm] MainWindow.xib <ProjectName>ViewController.[hm xib] <ProjectName>-Info.plist

11 View-based Application Elenco di documenti che verranno creati per noi da Xcode ed aggiunti automaticamente a progetto main.m Contiene la funzione C int main(int argc, char *argv[]) l entry point dell applicazione. Crea l autorelease pool. Chiama UIApplicationMain che crea l stanza di UIApplication e inizia il run loop.

12 View-based Application main.m #import <UIKit/UIKit.h> int main(int argc, char *argv[]) { } NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init]; int retval = UIApplicationMain(argc, argv, nil, nil); [pool release]; return retval;

13 View-based Application Elenco di documenti che verranno creati per noi da Xcode ed aggiunti automaticamente a progetto MainWindow.xib Contiene UIWindow, la radice della gerarchia delle viste della nostra applicazione. Tipicamente c è una sola finestra nelle applicazioni ios, spesso piattaforma dipendente (ipad/iphone). Contiene anche un oggetto di classe NSObject che implementa il protocollo AppDelegate.

14 View-based Application

15 View-based Application <ProjectName>AppDelegate.[hm] Oggetto impostato da Xcode Partecipa nel life-cycle dell applicazione implementando i vari metodi delegate della classe UIApplication. Mantiene anche due proprietà (nonatomic, retain) IBOutlet UIWindow (nonatomic, retain) IBOutlet UIViewController *viewcontroller;

16 View-based Application <ProjectName>AppDelegate.[hm] Il metodo delegate più importante application:didfinishlaunchingwithoptions: in questo metodo la vista gestita da <ProjectName>ViewController sarà aggiunta alla gerarchia delle viste della UIWindow, e dove la stessa finestra verrà resa visibile [self.window addsubview:viewcontroller.view]; [self.window makekeyandvisible];

17 Application Delegate Mette a disposizione altri metodi del protocollo AppDelegate - (void)application:didfinishlaunchingwithoptions:(nsdictionary *) launchoptions; - (void)applicationwillresignactive: - (void)applicationdidbecomeactive: - (void)applicationdidenterbackground: - (void)applicationwillenterforeground: - (BOOL)application:handleOpenURL:(NSURL *)url; - (void)applicationdidreceivememorywarning: - (void)application:didreceivelocalnotification:(uilocalnotification *) notification; - (void)application:didreceiveremotenotification:(nsdictionary *) userinfo; - (void)applicationwillterminate:

18 Se non vi ricordate... Delegation Il controllo passa ad un oggetto delegate che esegue azione specifica della nostra applicazione Si evita il problema di dover creare le sottoclassi di un oggetto complesso Molte classi di UIKit usano il questo pattern UIApplication UITableView UITextField ecc.

19 View-based Application <ProjectName>ViewController.[hm xib] Rappresenta la C del MVC. Le istanze di classe UIViewController gestiscono le viste e i contenuti specifici dell applicazione. UIViewController definisce diverse proprietà importanti e in (retain) UIView *view; per la vista gestita da questa istanza di UIViewControler.

20 View-based Application <ProjectName>-Info.plist Property List (XML) che descrive alcuni aspetti dell applicazione Icone dell applicazione Stile della status bar (default, black, hidden) Orientazione iniziale Utilizzo di Wifi networking Elenco dei URL supportati Si può modificare come file plist aggiungendo anche delle voci, o selezionando dal menu Edit di Xcode la voce Edit Active Target <ProjectName>

21 Window-based Application Simile alla View-based template Il <ProjectName>ViewController non viene creato automaticamente (nonatomic, retain) IBOutlet - (BOOL)application:(UIApplication *)application didfinishlaunchingwithoptions:(nsdictionary *)launchoptions { // Override point for customization after application launch. [self.window makekeyandvisible]; return YES;

22 Application Lifecycle Vediamo velocemente come era una volta In iphone OS 3 un applicazione poteva essere in uno di questi stati Active Stato attivo. L applicazione è in primo piano. Inactive Stato sospeso dovuto ad es. per arrivo di una chiamata, un alert ecc. Not Running L applicazione è presente sul dispositivo ma non è stata lanciata.

23 Application Lifecycle Active Inactive Not Running

24 Application Lifecycle Active L applicazione viene lanciata. Inactive Not Running

25 Application Lifecycle Active L applicazione viene lanciata. Il suo stato passa brevemente nello stato Inactive Inactive Not Running

26 Application Lifecycle Active Inactive L applicazione viene lanciata. Il suo stato passa brevemente nello stato Inactive, seguito immediatamente dal passaggio allo stato Active. Not Running

27 Application Lifecycle Active Inactive Poi arriva una chiamata, un allarme, una notifica o semplicemente l utente fa il lock dello schermo. Not Running

28 Application Lifecycle Active Inactive Not Running Poi arriva una chiamata, un allarme, una notifica o semplicemente l utente fa il lock dello schermo. L applicazione è sempre lanciata, ma non è più in primo piano. Entra nello stato Inactive

29 Application Lifecycle Active Inactive Dallo stato Inactive, l applicazione può o tornare attiva oppure può terminare, tornando nello stato Not Running Not Running

30 Application Lifecycle Active In fine l applicazione torna allo stato Not Running Inactive Not Running

31 Application Lifecycle Ora le cose cambiano iphone OS 4 aggiunge anche due stati di background Running L applicazione sta girando in background. Suspended Il sistema ha sospeso l applicazione, per minimizzare il consumo delle risorse, che comunque rimane in background.

32 Application Lifecycle Active Running Foreground Not Running Background Inactive Suspended

33 Application Lifecycle Active Running Foreground Not Running Background Inactive Suspended L utente preme il tasto Home

34 Application Lifecycle Active Running Foreground Not Running Background Inactive Suspended L applicazione passa in background

35 Application Lifecycle Active Running Foreground Not Running Background Inactive Suspended Il sistema può decidere di sospendere l applicazione

36 Application Lifecycle Active Running Foreground Background Inactive Not Running Suspended Il sistema può decidere di sospendere l applicazione

37 Application Lifecycle Active Running Foreground Not Running Background Inactive Suspended Il passaggio allo stato Not Running avviene dal Background

38 UIApplicationDelegate Callbacks Active application: didfinishlaunchingwithoptions: Foreground Inactive Not Running Lancio dell applicazione

39 UIApplicationDelegate Callbacks Active applicationdidbecomeactive: Foreground Inactive Not Running Il passaggio automatico dallo stato Inactive allo stato Active

40 UIApplicationDelegate Callbacks Active applicationwillresignactive: Foreground Inactive Not Running Arriva la chiamata, l applicazione passa allo stato Inactive

41 UIApplicationDelegate Callbacks Not Running Active Running Foreground Background Inactive Suspended Ma che cosa succede se passiamo da un applicazione ad altra

42 UIApplicationDelegate Callbacks Not Running Active Running applicationwillresignactive: Foreground Background Inactive Suspended Utente preme il pulsante Home

43 UIApplicationDelegate Callbacks Not Running Active Running Foreground Background applicationdidenterbackground: Inactive Suspended L applicazione passa allo stato di Running in Background

44 UIApplicationDelegate Callbacks Not Running Active Running Foreground Inactive Background Suspended X Il sistema sospende l applicazione

45 UIApplicationDelegate Callbacks Not Running Active Running Foreground Inactive Background Suspended X L utente seleziona l applicazione di nuovo

46 UIApplicationDelegate Callbacks Not Running Active Running Foreground Background applicationwillenterforeground: Inactive Suspended L utente seleziona l applicazione di nuovo

47 UIApplicationDelegate Callbacks Not Running Active Running Foreground Background applicationdidbecomeactive: Inactive Suspended L utente seleziona l applicazione di nuovo

48 UIApplicationDelegate Callbacks Running Not Running Background Suspended La terminazione dell applicazione...

49 UIApplicationDelegate Callbacks Running Not Running Background applicationwillterminate: Suspended... dallo stato di Running in background

50 UIApplicationDelegate Callbacks Running Not Running Background Suspended X... dallo stato di Suspended in background

51 UIApplicationDelegate Callbacks Running Not Running Background applicationwillterminate: Suspended... dallo stato di Suspended in background

52

53 Le Viste

54 La Vista La vista è un area rettangolare presente sullo schermo. Disegna i contenuti e gestisce gli eventi ricevuti. Fa sempre parte di una gerarchia delle viste ogni vista ha una vista superview - (UIView *)superview ogni vista ha zero i più subviews - (NSArray *) subviews (e una matrice quindi una collezione ordinabile!)

55 La gerarchia delle viste Di solito le gerarchia delle viste è create nell IB Anche le sottoclassi create da noi sono inserite nella gerarchia delle viste utilizzando IB. Ma possiamo farlo anche in codice - (void) addsubview:(uiview *)aview; - (void) removefromsuperview Attenzione due oggetti diversi ricevono i messaggi: addsubview viene inviato alla vista a cui vogliamo aggiungere aview removefromsuperview viene inviato all istanza di vista che si vuole rimuovere. UIView *rootview =... UIView *aview = [[UIView alloc] initwithframe:... [rootview.addsubview:aview]... [aview removefromsuperview];

56 La gerarchia delle viste - manipolazione Altri metodi che possiamo usare per manipolare la gerarchia delle viste - (void)insertsubview:(uiview *)view atindex:(int)index; - (void)insertsubview:(uiview *)view belowsubview:(uiview *)view; - (void)insertsubview:(uiview *)view abovesubview:(uiview *)view; - (void)exchangesubviewatindex:(int)index withsubviewatindex:(int)otherindex;

57 La gerarchia delle viste - manipolazione superview ritiene i suoi subviews Quando aggiungiamo una vista alla gerarchia delle viste esistenti, la possiamo anche rilasciare se non ci serve più. UIViewController *viewctrl =...; UILabel *label = [[UILable alloc] initwithframe... [viewctrl.view addsubview:label]; //Il view prende il possesso della label [label release]; //Se non ci serve più

58 La gerarchia delle viste - manipolazione Attenzione quando rimuovete le viste di solito sono ritenute solo da superview prendetene il possesso se le volete riutilizzare (inviate il messaggio retain) Invece di rimuoverle, le possiamo nascondere aview.hidden = YES;

59 La geometria delle viste Per definire la geometria e il sistema di coordinate per le vista usiamo alcuni tipi nonoggetti CGFloat semplicemente typedef di float CGPoint C struct con due CGFloat (posizione : { x, y }) CGSize C struct con due CGFloat (dimensioni: { width, height }) CGRect C struct con CGPoint e CGSIze (posizione e dimensioni: { origin, size })

60 La geometria delle viste L origine del sistema di coordinate (0,0) è top left Le proprietà importanti che riguardano la posizione e le dimensioni della CGRect CGPoint CGRect frame (0,0) x y Corso di ios

61 La geometria delle viste (0,0) x Corso di ios y

62 La geometria delle viste Corso di ios (0,0) x Corso di ios y

63 La geometria delle viste Corso di ios (0,0) x Corso di ios y

64 La geometria delle viste Corso di ios (0,0) x Corso di ios y

65 La geometria delle viste (0,0) x Bounds origin e size rispetto al sistema di coordinate della vista (in rosso) (0,0) 110 Corso di ios 120 bounds.origin.x = 0.0 bounds.origin.y = 0.0 bounds.size.width = bounds.size.height = y

66 La geometria delle viste (0,0) x Center La posizione del centro della vista nel sistema di coordinate della superview (0,0) 110 Corso di ios 120 center.x = center.y = Frame Il rettangolo più piccolo possibile nel sistema di coordinate della superview che contiene la vista stessa y frame.origin.x = frame.origin.y = frame.size.width = frame.size.height = 120.0

67 La geometria delle viste (0,0) x (140,105) 150 Center La posizione del centro della vista nel sistema di coordinate della superview (0,0) 120 Corso di ios center.x = center.y = Frame Il rettangolo più piccolo possibile nel sistema di coordinate della superview che contiene la vista stessa y frame.origin.x = frame.origin.y = frame.size.width = frame.size.height = 155.0

68 Frame e Bounds Quale usare? Dipende dal contesto. Frame, se stiamo usando la vista CGRect viewframe = CGRectMake(20,20,200,200); UIView *myview = [[UIView alloc] initwithframe:viewframe]; Bounds, se stiamo implementando la vista All interno di drawrect: ad es. CGPoint mycenter; mycenter.x = (self.bounds.width + self.bounds.origin.x)/2; mycenter.y = (self.bounds.height + self.bounds.origin.y)/2;

69 Che tipi di viste abbiamo? Possiamo usare le classi di UIKit in 3 modi Built-in controls Abbiamo una vasta libreria di controlli pronti per l uso che possono essere aggiunti da IB (o anche programmaticamente). Ne abbiamo già usati diversi (UILabel, UIButton, UISlider...) Le versioni personalizzate di built-in controls Possiamo creare le versioni personalizzate utilizzando le properties, i metodi delegate o anche creando delle nuove sottoclassi di controlli esistenti. Le Viste create from scratch Possiamo creare delle viste specifiche alla nostra applicazione sottoclassando la classe UIView e implementando il metodo -drawrect:

70 Creazione manuale Vediamo come creare una vista (built-in) dal codice Come sempre alloc-init L inizzializzatore designato della classe UIView è initwithframe: Come esempio creiamo una UILabel CGRect *labelframe = CGRectMAke(20, 45,140, 21); UILabel *label = [[UILabel alloc] initwithframe: labelframe]; label.text Corso ios ; [window.viewcontroller addsubview:label]; [label release];

71 Custom View E se abbiamo bisogno di un tipo di vista non presente nell UIKit? Creiamo una sottoclasse di UIView dove dobbiamo reimplementare (override) il metodo - (void) drawrect:(cgrect) rect; Poi dobbiamo aggiungere la nostra vista nella gerarchia delle viste Lo facciamo (di solito) nell IB assegnando per la classe di un istanza generica di UIView il nome della classe che abbiamo creato.

72 Custom View Abbiamo implementato il metod -drawrect: quindi... MyCustomView *view =...; [view drawrect]; drawrect è chiamato per noi dal sistema non dobbiamo mai invocarlo direttamente Quando dobbiamo ridisegnare la nostra vista invochiamo il metodo -setneedsdisplay (o -setneedsdisplayinrect:)

73 Custom View Abbiamo implementato il metod -drawrect: quindi... MyCustomView *view =...; [view drawrect]; drawrect è chiamato per noi dal sistema non dobbiamo mai invocarlo direttamente Quando dobbiamo ridisegnare la nostra vista invochiamo il metodo -setneedsdisplay (o -setneedsdisplayinrect:)

74 Custom View Abbiamo implementato il metod -drawrect: quindi... MyCustomView *view =...; X [view drawrect]; drawrect è chiamato per noi dal sistema non dobbiamo mai invocarlo direttamente Quando dobbiamo ridisegnare la nostra vista invochiamo il metodo -setneedsdisplay (o -setneedsdisplayinrect:)

75 CoreGraphics Come implementare -drawrect:? UIKit offre poca funzionalità UIRectFill(CGRect rect); UIRectFrame(CGRect rect); CoreGraphics CG è una C-based API (non Objective C) che ci mette a disposizione delle semplici, ma potenti primitive grafiche come contesto grafico, le trasformazioni, i path, i colori, i font ecc

76 CoreGraphics Come funziona CoreGraphics? Tutte le operazioni vengono eseguite su un contesto grafico opaco CGContextRef Questo contesto è impostato automaticamente prima che venga invocato -drawrect: All interno del drawrect: e dopo aver definito gli attributi che vogliamo utilizzare (colore, font ecc) per disegnare, otteniamo il contesto grafico chiamando la funzione (CGContextRef)UIGraphicsGetCurrentContext(void); Quindi, passiamo il contesto grafico ottenuto alle varie funzioni di CG.

77 UIKit e CG Object wrapper per le funzionalità di CG UIColor Offre i metodi di convenienza per i colori comuni UIColor *green = [UIColor green]; Impostare il colore utilizzato per disegnare [green setfill]; //colore di riempimento è verde [[UIColor red] setstroke]; //colore di tratto è rosso [white set]; //colore di tratto e riempimento è bianco UIFont Accesso ai font di sistema, elenco di font disponibili, font per nome ecc. UIFont *font = [UIFont systemfontofsize : 18.0]; [label setfont:font]; NSArray *availablefonts = [UIFont familynames]; UIFont *fonthelvetica = [UIFont fontwithname:@ Helvetica size :24.0];

78 Disegnare il testo Una categoria di NSString definisce i metodi per disegnare il testo -(void)drawatpoint:withfont: NSString *text =...; UIFont *font = [UIFont systemfontofsize : 18.0]; CGPoint p = CGPoinMake(20.0,48.0); [text drawatpoint:p withfont:font]; -(CGSize)sizeWithFont: CGSize textsize = [text sizewithfont:font];

79 Disegnare con UIKit Possiamo disegnare e colorare i rettangoli - (void) drawrect: (CGRect) rect { CGRect quadrato = CGRectMake(0,0,200,200); [[UIColor redcolor] set]; UIRectFill(quadrato); [[UIColor blackcolor] set]; UIRectFrame(quadrato); }

80 Disegnare le figure con CG Di solito si procede in questo modo Prima dobbiamo ottenere il contesto grafico CGContextRef context = UIGraphicsGetCurrentContext(); Poi definiamo il path, il colore ecc. CGContextBeginPath (context); CGContextMoveToPoint (context, 75, 10); CGContextAddLineToPoint (context, 10, 150); CGContextAddLineToPoint (context, 160, 150); CGContextClosePath (context); [[UIColor redcolor] setfill]; [[UIColor blackcolor] setstroke]; In fine tracciamo o coloriamo il path CGContextDrawPath (context, kcgpathfillstroke);

81 Disegnare le figure con CG Di solito si procede in questo modo Prima dobbiamo ottenere il contesto grafico CGContextRef context = UIGraphicsGetCurrentContext(); Poi definiamo il path, il colore ecc. CGContextBeginPath (context); CGContextMoveToPoint (context, 75, 10); CGContextAddLineToPoint (context, 10, 150); CGContextAddLineToPoint (context, 160, 150); CGContextClosePath (context); [[UIColor redcolor] setfill]; [[UIColor blackcolor] setstroke]; In fine tracciamo o coloriamo il path CGContextDrawPath (context, kcgpathfillstroke); E un triangolo!

82 Disegnare le immagini La prima scelta è UIImageView Una vista che sa disegnare le immagini e che espone diverse UIImage NSArray *animationimages; e metodi - (void)startanimating; - (void)stopanimating; - (BOOL)isAnimating;

83 UIImage Le possiamo creare in diversi modi Da un file di cartella Resources UIImage *image [UIImage Logo.png ]; Oppure da raw data Ad es. stream di dati ricevuti dalla rete UIImage *image = [[UIImage alloc] initwithdata: (NSData *)imgdata]; O anche utilizzando CG Disegniamo l immagine utilizzando le funzioni di CGContext UIGraphicsBeginImageContext(CGSize); UIImage *image = UIGraphicsGetImageFromCurrentContext(); UIGraphicsEndImageContext();

84