In questo nuovo tutorial si andrà a implementare una canzone che verrà usata come sottofondo alla nostra applicazione.

1) Creiamo un progetto e aggiungiamo tutto quello che ci serve

Andiamo su Gamesalad, clicchiamo su Blank e poi su choose.
Creiamo 2 scene e clicchiamo su initial scene.
Andiamo ad aggiungere un immagine quindi clicchiamo Images e clicchiamo su questo pulsante :

Scegliamo un immagine (possibilmente 480×360), se volete potete scegliere questa :

Dovremmo ottenere una schermata così :

Creiamo un attore cliccando su questo pulsante :

e trasciniamo la nostra immagine sull’attore. Adesso trasciniamo il nostro attore sull’immagine prinicipale :

Ora passiamo alla scena 1, aggiungiamo un immagine cliccando su images e su questo pulsante :

Se volete potete prendere questa immagine :

Adesso aggiungiamo un attore e trasciniamo la nostra immagine su di esso. Trasciniamo l’attore sull’immagine principale, dovremmo ottenere una schermata così :

Ora aggiungiamo una canzone, per fare ciò bisogna cliccare su Audio e su questo pulsante :

Scegliamo una canzone che abbiamo nel nostro Mac (io ho scelto Indietro di Tiziano Ferro).

Ora definiamo l’attore 2 così :

Adesso proviamo la nostra applicazione cliccando sul pulsante Preview.

questo è un tutorial realizzato da :

Se ci sono problemi ecco il mio progetto : MusicGameSalad

Ecco a voi il secondo tutorial by Riccardo Danzo.

Per chi non lo sapesse GameSalad è un software (un insieme di strumenti) necessari a creare velocemente, in semplicita’ e senza dover sapere il linguaggio Objective-C, applicazioni per diverse piattaforme tra le quali iPhone.

Gamesalad è un tool che vi permette di creare giochi per iPhone in 2D senza neanche scrivere una stringa.
Si può scaricare gratuitamente dal sito www.gamesalad.com.

Non perdiamoci in chiacchere e iniziamo subito con il Tutorial.

Apriamo Gamesalad e clicchiamo su Blank e poi su choose. Creiamo un’altra scena cliccando su questo pulsante :

Dovremo avere una schermata così :

Clicchiamo 2 volte su initial scene e andiamo su Images, clicchiamo sul pulsante in basso a sinistra e scegliete un immagine. Se volete potete scegliere questa :

Creiamo un attore e trasciniamo l’immagine su di esso. Inseriamo nel progetto questa immagine (trascinandola). Dovremmo ottenere una schermata cosi :

Clicchiamo su Actor 1 e definiamo quello che deve fare questo attore. Quindi clicchiamo su Create Rule e da Basic Behaviors trasciniamo l’attributo Change Scene in Drag your behaviors here e definite l’attore così :

Adesso passiamo alla Scene 1, aggiungiamo queste immagini, se volete potete scegliere queste :

Aggiungiamo di conseguenza 4 attori e trasciniamo tutte queste immagini in essi. Dovremmo ottenere un risultato così :

Definiamo il numero 1, quindi clicchiamo sull’uno e definite così questo attore :

Adesso definiamo l’attore 5, quindi clicchiamo sul 5 e definite così questo attore :

Adesso definiamo l’attore 7, quindi clicchiamo sul 7 e definite così questo attore :

Clicchiamo su Preview :

e proviamo il nostro gioco.

Ecco questo primo articolo tutorial di Riccardo Danzo sull’uso di GameSalad.

UIPageControl – iPhone – Tutorial Base from Stefano Lo Duca – iPhone on Vimeo.

Per voi è tutto Sir. Lodux.

Vediamo ora con un piccolo esempio come implementare questa nuova funzionalità.

Carichiamo il nostro Xcode e creiamo un nuovo progetto View-Based Application dandogli il nome che più preferiamo (nell’esempio “Mappa”).

Come primo passaggio ora dobbiamo aggiungere il Framework che utilizza questo servizio “MapKit”: portiamoci sulla cartella “frameworks” e con il tasto destro selezioniamo la voce “Add” -> “Existing Frameworks”; dopodichè aggiungiamo anche sul file controlle MappaViewController.h il framework: #import <MapKit/MapKit.h>

Ora inseriamo il delegate di MKMapView e il suo Outlet come segue:

A questo punto carichiamo il Xib file MapViewController.xib e inseriamo il componente MKMapView collendolo all’outlet creato “mappa”.

Questo è il risultato generato da questo primo passaggio:

A voi ora sperimentare le diverse proprità e metodi messi a disposizioni tra i quali:

mappa.showsUserLocation=TRUE; //servirà per mostrare la propria posizione
mappa.mapType = MKMapTypeStandard; // definisce il tipo di mappa da visualizzare

mappa.scrollEnabled=TRUE; // attiva lo scrolling

Per voi e’ tutto sir Lodux !

Quello che faremo in questo articolo e’ ricostruire la nostra splash screen in una sua view personalizzata e quindi ricominceremo il progetto dall’inizio senza tener conto alcuno dell’articolo mostrato in precedenza.

1) Creiamo con l’XCode il nostro progetto con template “View based application” con nome :”Splash”:

2) Ora importiano nelle Risorse del nostro progetto il file immagine che useremo come “Splash Screen” trascinandolo direttamente nella cartella “Resources”.

3) Il file grafico ora inserito dovremmo rinominarlo in “Default.png” facendo attenzione di indicare la “D” maiuscola per permettere all’XCode di interpretare questo file come splashScreen da usare durante il caricamento.

4) A questo punto carichiamo il nostro interface builder per andare a creare la nostra View dove applicheremo l’immagine Default.png di caricamento: premiamo quindi dalla nostra cartella di Resources il file SplashViewController.xib.

5) Ora a questa view aperta gia’ di default cambiamo il colore di Background che si trova nella view attributi come da immagine e trasciniamo dalla libreria una Label che denomineremo “Home Page” ad evidenziare che sara’ la view che apparira’ subito dopo il caricamento dell’applicazione e quindi della splash screen.

6) Ora creiamo una nuova view: prendiamo il componente “view” che si trova nella libreria dei componenti e lo trasciniamo all’interno della finestra “SplashScreenController.xib” cosi da aggiungere una seconda view destinata alla splash screen (premiamoci sopra velocemente 2 volte col mouse ed apparirà la nuova finestra “view”).

7) Adesso inseriamo nella view appena creata il componente “Image View” dalla libreria trascinandolo ed adattandolo alla view. Fatto questo utilizzando la finestra degli attributi selezioniamo (avendo selezionato il componente appena trascinato Image View) il menu a tendina “image” nel quale dovrebbe apparire unicamente il file grafico gia’ precaricato : Default.png e selezioniamolo:

Ora salviamo il progetto dall’interface builder e passiamo alla parte di stesura del codice.

9) Inseriamo In SplashAppDelegate.m alla fine del metodo applicationDidFinishLaunching la seguente riga:

[viewController showSplash];

10) Ora nel file SplashViewController.h inseriamo un IBoutlet e i due metodi di visualizzazione e di nascondere la spashscreen:

IBOutlet UIView *modelView;

- (void)showSplash;
- (void)hideSplash;

11) All’interno del file SplashViewController.m alla fine scriviamo il seguente codice destinato alla realizzazione del motodo di visualizzazione e sparizione:

-(void)showSplash
{

UIViewController *modalViewController = [[UIViewController alloc] init];

modalViewController.view = modelView;

[self presentModalViewController:modalViewController animated:NO];

[self performSelector:@selector(hideSplash) withObject:nil afterDelay:2.0];

}

//hide splash screen

- (void)hideSplash{

[[self modalViewController] dismissModalViewControllerAnimated:YES];

}

12) Salviamo tutto il progetto dal nostro XCode e proviamo intanto a compilarlo per vedere che sia tutto corretto. Ora dobbiamo legare l’ Outlet del modelview che abbiamo indicato nel codice tramite l’interface builder.

Selezioniamo dall’interface builder all’interno della finestra SplashViewController.xib il componente “File’s owner” dopodiche dalla finestra degli attributi alla voce “View Connections” selezioniamo e trasciniamo il pallino corrispondente a modelview all’interno della View che si trova nel file “SplashViewController.xib” destinata alla splash screen per creare il seguente legame:

Salviamo e compiliamo l’applicazione, se tutto e’ andato secondo procedura dovremmo vedere la nostra splash screen per alcuni secondi per poi sparire con movimento verticale.

Se volete provare con i files d’esempio potete scaricarli dal seguente link.

Per voi Sir. Lodux !

Oggi vedremo nel lato pratico come poter inserire nelle nostre applicazioni questa pagina di pre-caricamento.

Cominciamo subito con creare la nostra applicazione: andiamo su XCode e tenendo il template “View based application” scriviamo il nome della nostra applicazione “Splash”:

Nel prossimo passaggio invece apriremo il file contenente il layout grafico : SplashViewController.xib e andremo a modificare il colore di sfondo per poter vedere la differenza durante il caricamento di un background nero e il colore blu che andremo a selezionare come sfondo dopo il caricamento.

Premiamo quindi su SplashViewController.xib due volte e dall’interface builder posizioniamoci sul colore sfondo (background che si trova all’interno della finestra degli attributi) come da immagini :

A questo punto lanciate l’applicazione dovrebbe apparire prima il riquadro nero (splash screen) e poi lo sfondo di colore blu.

Ora non dovremmo fare altro che inserire la nostra immagine (quella che vogliamo rappresenti la nostra splash screen) all’interno delle risorse files (Resources) del nostro Xcode con un semplice trascinamento:

Una volta fatto questo non ci resta che rinominare (fondamentale) il nostro file immagine (Splashscreen.png) nel file : Default.png. Fate molta attenzione a scrivere Default con la “D” maiuscola perche’ il sistema altrimenti lo riconoscera’ diverso.

Facendo cio’ il sistema riconoscera’ che quell’immagine e’ una Splash Screen e che quindi andrà collocata prima del caricamento.

Ora compilate il programma con Build and Go per vederne gli effetti. Se tutto sarà stato fatto secondo le regole dovrebbe apparire per qualche istanti la vostra Splash screen e subito dopo uno sfondo blu.

Nel prossimo articolo spiegherò come implementare un sistema di attesa manuale per decidere quanti secondo la nostra splash screen deve tenersi attiva.

Per voi Sir. Lodux.

In verità il video doveva essere fatto in un unica parte…. ma ho avuto una “svista” quindi l’ho dovuto integrare in due parti separate !..

Un salutone Sir. Lodux !

iPhoneandGo.it - iphoneandgo@gmail.com

Questo video tutorial iphone vuole dare una spiegazione dopo aver visto il sitema su come gestire la tastiera digitale che l’iphone ci mette a disposizione automaticamente quando si utilizzano componenti come ad esempio Text Field.

Per finire nella seconda parte vedremo come ricavare e assegnare il valore di variazione in una slider e lo assegneremo ad una variabile assegnata ad una Label.
La durata di questo video e’ all’incirca di 25 minuti, se troverete difficoltà nel download, nella qualità, nell’audio vi sarei grato se me lo potrete riferire per cercare di “settare” tutte queste opzione in modo da creare un video sempre più vicino agli standard.

Utilizzo della Slider: prima parte from Stefano Lo Duca – iPhone on Vimeo.

Per voi Sir. Lodux. !

iPhoneandGo.it - iphoneandgo@gmail.com

Il tutorial si basa sullo sviluppo di un’applicazione molto semplice: dato due pulsanti (primo, secondo) alla pressione di ognuno di essi verrà generato un testo (Label) che indicherà quale dei due pulsanti e’ stato premuto.

Il video non vuole essere un articolo esaustivo su tutto il codice, procedure che andremo a scrivere ma un’introduzione agli elementi basilari che compongono l’Xcode e quindi la generazione di un applicativo iPhone.

A tutti quelli che hanno suggerimenti tecnici sulla realizzazione degli screenshot e consigli su un’equilibrata realizzazione pesantezza(MB)/qualità ne sarò grato.

Sir. Lodux !

iPhoneandGo.it - iphoneandgo@gmail.com

Il gioco ora è completamente open-source, come potete leggere nel http://ispazio.net/bubidevs/2008/10/29/mytris-ora-e-opensource/ post originale, quindi potete scaricare il codice sorgente per studiarlo e/o modificarlo!

Le migliorie da apportare sarebbero numerose, che variano dalla grafica alla localizzazione in lingua inglese.

Chiunque fosse interessato può visitare il blog di Andrea, http://ispazio.net/bubidevs/ The Bubi Devs. Sarebbe bello riuscire a creare un gioco completo e ben fatto, che troverà sempre posto nella repository di iSpazio… Andrea Busi…

…. e chissà che presto non lo si possa trovare anche in apple store …. Stefano LD.

iPhoneandgo - Stefano Lo Duca - loduca_ve@yahoo.it