ci siamo TRASFERITI per darci un servizio

sempre MIGLIORE

ecco il nuovo link

www.iphoneandgo.it

per tutti i registrati agli RSS di iphoneandgo.wordpress.com

dovreste ri-registrarvi al momento sul nuovo sito

http://www.iphoneandgo.it/feed/

saluti

Stefano Lo Duca

Mi scuso in anticipo per i disagi che causerà tutto questo e spero che continuerete a seguirmi. Vi consiglio nonostante farò il trasferimento diretto da questo sito a www.iphoneandgo.it (re-direct) [sempre se ci riesco !!] di registrarvi nuovamente negli RSS.

Il nuovo sito avrà una nuova veste grafica, non sarà la definitiva, sto cercando (tempo permettendo) anche di migliorarla personalizzandola.

Tutto questo servirà per avere nuovi strumenti e per poter crescere ancora.

Grazie

Stefano Lo Duca – www.iphoneandgo.it - loduca_ve@yahoo.it

Wallpaper

So che non e’ argomento per lo sviluppo di applicazioni per iPhone, ma concedetemi questo spazio per far chiarezza su alcuni punti che mi rendo conto ancora molte persone non hanno risolto, ovvero l’installazione nel proprio iphone di un wallpaper le sue caratteristiche e quelle che non tutti vedono….. a primo occhio.

Innanzi tutto ricordiamo che: il wallpaper per iPhone non e’ altro che un immagine (JPG, PNG principalmente) che ha una grandezza misurata in pixel di 480 pixel in altezza e 320 pixel in larghezza. Ed eccone due  esempi tratti dal mio album fotografico.

Coccodrillo

Pesce

Quello che però non tutti sanno e che credo sia un aspetto qualitativo da non sottovalutare nella scelta di un buon wallpaper e’ il posizionamente dell’immagine principale rispetto allo spazio fotografico. Mi spiego meglio : Nell’iphone come avrete notato il wallpaper viene usato soltanto dopo che viene disattivato lo stato di standby. Quando il nostro wallpaper appare solitamente non e’ solo ma appare nella parte alta  l’indicazione dell’ora e del giorno e nella parte bassa il segnale di sblocco da trascinare.. come potete vedere dall’immagine seguente :

Coccodrillo con mask

ecco che cosi facendo il nostro wallpaper o parte di essi perdono la loro forza perchè l’immagine principale viene ricoperta dai due blocchi trasparenti. Potrebbero essere gli occhi a nascondersi o parti principali. Quasi sempre (io sempre) mi trovo quindi a vedere il wallpaper cosi come lo vediamo in questa figura e spesso (anche se c’e’ il sistema di ridimensionamento, non valido se il wallpaper e’ già stato ridimensionato a 480×320 perchè solo con un ingrandimento non rischierei di stare con qualche bordo fuori) l’immagine principale viene a nascondersi in trasparenza. Se volete fare un buon wallpaper da voi allora dovete tenere a mente queste variabili. La maschera in alto copre circa 110 pixel mentre quella in basso 100 pixel.

Ora vediamo velocemente anche come installarlo questo wallpaper partendo dalla base di un immagine presa da internet come nel caso del mio blog.

1) clicchiamo sopra l’immagine che ci interessa (in questo caso il coccodrillo o il pesce)

2) Ora vedremo l’immagine nelle sue dimensioni reali (480×320) ora ci posizioniamo con il mouse sopra e premiamo con il tasto destro. Si aprirà un menu a tendina e selezioniamo : “Salva immagine con come”.

3) A questo punto scegliamo una cartella del nostro computer dove depositare la nostra foto (e che ci ricorderemo poi per andare a riprenderla).

4) Ora per farla diventare un wallpaper di iphone dobbiamo portarla come tutti gli elementi che sincronizziamo solitamente (musica) nel nostro programma di itunes. Per fare ciò colleghiamo il nostro iphone al computer e carichiamo itunes.

5) Selezioniamo dalla colonna di destra il nostro iphone e poi dalla maschera che ci appare andiamo alla voce “Foto” (vedi figura).

6) Da questa posizione dobbiamo scegliere la cartella che useremo come sincronizzazione foto da mettere nel nostro iPhone. Quindi selezioniamo una cartella da :”sincronizza foto da” ed eventualmente esistessero delle sottocartelle scegliamo quelle che ci interessano (naturalmente all’interno della cartella deve esserci la nostra immagine di wallpaper).

7) Premiamo in basso a destra il pulsante :”sincronizza”.

Una volta terminata l’operazione tutte le immagine che c’erano nella cartella del computer si sono trasferite nel tuo iphone. Selezioniamo dall’iphone l’applicazioni “immagini”. Da qui vedremo che e’ stata creata una cartella con le stesse immagine della cartella del computer.

9) entriamo dentro la cartella desiderata e cerchiamo il file per il ns wallpaper. Una volta trovato clicchiamoci sopra da poterlo vedere in anteprima.

10) A questo punto clicchiamo su quell’icona in basso a sinistra dove indicata c’e’ una freccia con un riquadro.

11) Dal menu che appare come vede in figura scegliamo “usa come sfondo” e il gioco e’ fatto … l’opzione sucessiva sarà quella di ridimensionare e spostare l’immagine a piacimento ma se avrete fatto il lavoro a priori come sopra indicato dovrete solo confermare il salvataggio.

Wallpaper precedenti.

Tutti i Wallpaper.

iPhoneandGo - Stefano Lo Duca - loduca_ve@yahoo.it

Xcode

Come avevo già accennato nei primi articoli Xcode (IDE integrated development enviroment) è l’ambiente (una suite di software) necessario per le operazioni di editing, di compilazione, di simulazione e di debugging per il nostro applicativo sia per sistemi iPhone OS che Mac OSX.

Le fasi per la creazione dell’applicativo sono così indicate :

- Creazione di un progetto (Xcode ha diversi progetti già predefiniti)

- Disegnare l’interfaccia utente (tramite il software Interface builder) direttamente collegato al codice di Xcode, in alternativa si può decidere di programmare direttamente l’interfaccia da codice.

- Scrivere il codice (Xcode aiuta notevolmente con accesso diretto a tutta la documentazione presente in apple, con la compilazione automatica del codice, con la classificazioni delle classi e molto altro).

- Testare il programma (tramite il software simulator si può decidere di testare il programma su di un iPhone virtuale presente nel tuo mac).

- Creare l’immagine per l’applicazione appena creata.

- Creare le preferenze per lo schema di files dell’applicazione (definizione dell’interfaccia delle impostazioni del display)

- Misurare e controllare le performace dell’applicazione (per questo tipo di analisi e performance e’ stato messo a disposizione il software Instruments).

Quando iniziamo creando il nostro primo applicativo ci viene subito chiesto che tipo di applicazione vogliamo creare e all’interno della categoria Iphone OS troviamo i seguenti templates :

• Navigation-Based Application. -> questo tipo di applicazione viene selezionata per usare il sistema di controllo di navigazione “navigation controller”
• OpenGL ES Application. -> come dice la parola stessa questo tipo di applicazione utilizza le viste basate su OpenGL ES.
• Tab Bar Application -> questo tipo di applicazione viene selezionata per usare la tab bar.
• Utility Application -> Applicazioni con una “main view” e un “flipside view”
• View-Based Application -> Un’applicazione che usa una singola View
• Window-Based Application -> Il punto di partenza di ogni applicazione, contiente una applicazione “delegate” e una “window”.

1. Gruppo la lista files -> mostra tutti i file presenti nel proprio progetto, essi possono essere spostati, organizzati nelle cartelle e liste. Il file selezionato sarà quello che rappresenterà i valori in “vista in dettaglio”
2. Vista in dettaglio -> mostra il o i files selezionati dal gruppo e lista di files, è possiibile ordinarli per colonna scelta.
3. Barra degli strumenti -> veloce accesso alle funzioni più usate di Xcode, come Build and Go.
4. Barra di stato -> rappresenta con un messaggio lo stato del progetto, oppure un indicatore progressivo di stato avanzamento.
5. Favorites Bar -> aiuta a memorizzare per poi riprendere le posizioni di accesso che più comunemente usi.

ll sistema di editor del Xcode e’ molto sofisticato. Tra le caratteristi principali ecco quelle più importanti :

- Raggruppamento codice (testo) -> con la premuta del mouse a lato del codice sopra la barra grigia il sistema identificherà esattamente il codice iniziale e finale di una procedura e lo raggruppera’ (collapse) o lo espandera (explande) a seconda delle nostre esigenze per vedere oppure no determinato codice.

- Dichiarazione delle parole -> premendo con il tasto “command” e facendo doppio click su di una parole il sisema ti porta direttamente al file dove e’ stata dichiarata.

- API reference -> premendo il tasto “Option” e facendo doppio click su di un simbolo, si ha direttamente accesso alle guide messe a disposizione.

Compilazione del codice automatica -> mentre scriviamo il codice il sistema riconosce e ci suggerisce la parola da completare.

Articolo precedente all’argomento.

iPhoneandGo - Stefano Lo Duca - loduca_ve@yahoo.it

iPhoneandGo

Oggi è il primo mese di vita di iPhoneandGo. Dalle esperienze, i contatti, i rapporti, le idee che solo in questo mese sono nate mi sembra di aver vissuto un anno intero. Volevo ringraziare tutti per questa esperienza e volevo informarvi di quello che sarà il prossimo futuro di questo piccolo blog.

iPhoneandGo

- Una delle prime novità sarà la futura migrazione su un dominio esterno a wordpress : www.iphoneandgo.it. Questo mi darà la possibilità di poter avere a disposizione più strumenti per rappresentare e migliorare sempre il nostro lavoro.

- Verranno introdotti altri 2 argomenti in breve tempo : Object – C, e una sezione Tip and Faq..

- La terza novità sarà una sorpresa … ma dovete aspettare ancora  un pochino.

A tutti grazie. faccio un appello a chi volesse lasciare un commento, una criticar un suggerimento, per aiutare a far crescere in modo migliore questo blog !.. iphoneandGo !!

Pratica

In questa prova pratica andremo a sviluppare una sorta di menu da poter selezionare e poter quindi entrare in una nuova vista per visualizzare il dettaglio della scelta effetuata.

L’applicazione da me tradotta e spiegata e’ stata gentilmente presa dal sito www.iphonesdkarticles.com.

Iniziamo come al solito aprendo il nostro Xcode e creando un nuovo progetto del tipo :”navigation Based application” che andremo a chiamare MenuDettaglio.

Come prima fase andremo a popolare il nostro menu per la scelta del dettaglio da visualizzare:

iPhone menu

Molte parti del codice sono già state create dal sistema quindi ora andremo a inserire innanzi tutto il titolo. Dall’ XCode scegliamo il file per l’interfaccia grafica MainWindow.xib dentro resources e clicchiamo due volte. Si aprirà il nostro Interface Builder e selezioniamo (cliccando una volta) sopra la barra blu che si trova in alto della nostra finestra. Una volta selezionato tra le proprietà andiamo a riempire il campo “Title” con : Parent View.

iPhone interface builder

Ora andiamo a caricare i dati nella tabella principale. Per fare ciò dobbiamo ritornare nel nostro XCode e sceglire il file : RootViewController.m nella cartella class. Si creerà prima una variabile istanza di nome listOfContents (che non sarà altro che l’array per contenere i titoli del menu). Dopodichè andremo a popolare il nostro array utilizzando l’oggetto NSLocatizedString il quale conterrà due variabili una key e una comment.

Inseriamo il codice in rosso e in verde(opzionali) come segue all’interno della funzione viewDidLoad:

- (void)viewDidLoad {

//initialize the array
self.listOfContents = [[NSMutableArray alloc] initWithCapacity:10];

//Add a dictionary object to the array.
//Dictionary object will contain a strings for the object and key.
//NSLocalizedString takes two variables a key and a comment.

[listOfContents addObject:NSLocalizedString(@"Menù scelta 1", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 2", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 3", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 4", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 5", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 6", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 7", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 8", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 9", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 10", @"")];

}

Inseriamo ora il conteggio delle righe create nel seguente metodo :

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [listOfContents count];
}

E la disallocazione della memoria :

- (void)dealloc {
[listOfContents release];

Il prossimo passo sarà quello di riempire le celle da mostrare con il testo inserito nell’array.  Questo metodo verrà chiamato n volte dove per “n” sta il numero di righe del menu.

Utilizzando sempre il file RootViewController.m posizioniamoci dopo la funzione iscritta in nero e inseriamo il codice in rosso e verde:

//This method will be called n number of times.
//Where n = total number of items in the array.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *MyIdentifier = @”MyIdentifier”;

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:MyIdentifier] autorelease];
}

// Set up the cell with some formatting.
cell.font = [UIFont systemFontOfSize:14];

//Get the string from the array and add it as text for the cell.
cell.text = [listOfContents objectAtIndex:indexPath.row];

// return the table cell.
return cell;
}

Ora aggiungiamo a inzio codice la sua “synthesize” della lista come segue:

@implementation RootViewController

@synthesize listOfContents;

Portiamoci ora sul file head RootViewController.h e aggiungiamo le seguenti dichiarazioni :

@interface RootViewController : UITableViewController {
NSMutableArray *listOfContents;
}

@property (nonatomic, retain) NSMutableArray *listOfContents;

Se tutto e’ andato per il verso giusto provate a compilare l’applicazione (build and go) e dovrebbe apparire il menu con le 10 scelte potendole selezionare ma senza entrare nel dettaglio della vista.

Ora dobbiamo caricare la vista in dettaglio. Il metodo didSelectRowAtIndexPath sempre del nostro RootViewController.m viene chiamato quando viene selezionato un menu nella tabella. Per la gestione della memoria più efficente si caricherà la vista dettaglio solo la prima volta che si selezionerà per poterla poi utilizzare ad ogni ripetizione di selezione. Per fare questo dovremmo creare una variabile istanza di DetailViewController nella RootViewConltroller.

Dobbiamo creare nel nostro progetto due nuovi file da inserire di nome DetailViewController.h e DetailViewController.m andiamo su file, nuovo file e scegliamo : NSObjects subclass. Da qui si potrà inserire direttamente il file DetailViewController che verra creato sia .m che .h.

Selezioniamo il detailviewController.h e inseriamo il seguente codice:

@interface DetailViewController : UIViewController {

IBOutlet UILabel *lblMessage;
int rowNumber;

}

@property (nonatomic, retain) IBOutlet UILabel *lblMessage;
@property (readwrite) int rowNumber;

-(void)updateRowNumber:(int)theIndex;

@end

e invece nel file DetailViewController.m il segente codice :

@implementation DetailViewController

@synthesize lblMessage, rowNumber;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
if (self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]) {
// Initialization code
self.title = @”Detail View”;
}
return self;
}

/*
Implement loadView if you want to create a view hierarchy programmatically
- (void)loadView {
}
*/

-(void)updateRowNumber:(int)theIndex {

rowNumber = theIndex+1;
lblMessage.text = [NSString stringWithFormat:@"row %i was clicked.", rowNumber];
}

//If you need to do additional setup after loading the view, override viewDidLoad.
- (void)viewDidLoad {

lblMessage.text = [NSString stringWithFormat:@"row %i was clicked.", rowNumber];
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
// Return YES for supported orientations
return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning]; // Releases the view if it doesn’t have a superview
// Release anything that’s not essential, such as cached data
}

- (void)dealloc {
[lblMessage release];
[super dealloc];
}

@end

Ora facciamo le varie assegnazioni di prorietà dal file RootViewController.h aggiungiamo il seguente codice :

@class DetailViewController;

@interface RootViewController : UITableViewController {
NSMutableArray *listOfContents;
DetailViewController *dvController;
}

@property (nonatomic, retain) NSMutableArray *listOfContents;
@property (nonatomic, retain) DetailViewController *dvController;

Ora dal file RootViewController.m :

@synthesize listOfContents, dvController;

e dall’interno del metodo didSelectRwIndexPath:

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
// Navigation logic

//Check to see if the controller is nil or not.
if(dvController == nil)
{
//Initialize the controller.
DetailViewController *aController = [[DetailViewController alloc] initWithNibName:@”DetailView” bundle:nil];

//Set the controller to our variable.
self.dvController = aController;

//Release the temp controller
[aController release];
}

[dvController updateRowNumber:indexPath.row];

//Add the controller to the top of the present view.
[[self navigationController] pushViewController:dvController animated:YES];
}

Non dimentichiamo la disallocazione della memoria.

- (void)dealloc {
[listOfContents release];
[dvController release];

A questo punto ci manca però di creare una nuova vista Detailview.xib. Andiamo su file e clicchiamo su nuovo file . Selezioniamo -> user interface -> View XIB.

New Xib file

Il file dovrà avere il nome DetailView.xib. Ora che e’ presente nel XCode trasciniamolo dentro la cartella Resources e poi carichiamolo per aprirlo nell’ interface builder.

Applichiamoci una semplice Label al centro e poi selezioniamo per  la Class dell’oggetto File’s Owner ila voce : DetailViewController.

Interface builder

Assegnamo poi i collegamenti tra : File’s Owner tenendo premuto il tasto CTRL e selezionando prima File’s Owner per trascinarlo fino a Label e scegliere IblMessage. Poi fare lo stesso da File’s Owner con il CTRL premuto fino ad uno spazio vuoto della finestra in modo da fare i collegamenti come in figura :

attributi

A questo punto ci siete e l’applicazione una volta salvata dovrebbe funzionare alla perfezione mostrando una volta selezionata una scelta di menu la sua pagina in dettaglio con l’indicazione di quale titolo e’ stato selezionato.

Potete scaricare il sorgente dal seguente link.

Articolo precedente dell’argomento.

iPhoneandGo - Stefano Lo Duca - loduca_ve@yahoo.it

Wallpaper

Non voglio dimenticarmi di questa piccola rubrica dedicata agli sfondi per iphone. Come ormai saprete una parte di questi sfondi sono fotografie scattate personalmente da me mentre l’ultima parte presi navigando di qua e di la tra i siti web.

Ecco i miei wallpaper iPhone fatti personalmente da me.

Lens

Scimmia

Laguna

Ecco ora invece alcuni wallpaper per iphone presi da alcuni siti ed in specifico ringrazio : http://ipodtouch.altervista.org/ e http://www.sciphone.net/.

Apple

Coccinella

Shadow

Eccoqui.. nella speranza che sia ogni volta sempre più di vostro gradimento.

Wallpaper precedenti.

Wallpaper sucessivi.

Tutti i wallpaper iphone.

iPhoneandGo - Stefano Lo Duca - loduca_ve@yahoo.it