{"id":3831,"date":"2010-07-07T14:54:13","date_gmt":"2010-07-07T12:54:13","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=3831"},"modified":"2010-07-07T14:54:13","modified_gmt":"2010-07-07T12:54:13","slug":"t062-mostrare-un-oggetto-in-una-vista-in-una-posizione-a-random","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t062-mostrare-un-oggetto-in-una-vista-in-una-posizione-a-random\/","title":{"rendered":"T#062 – Mostrare un Oggetto in una Vista in una posizione a Random"},"content":{"rendered":"

\"\"<\/a> Salve ragazzi, sono David Pollak e oggi in questo tutorial vi far\u00f2 vedere come far apparire un oggetto in una posizione random<\/em> all’interno della vostra View. Tutto questo vi potr\u00e0 tornare utile, ad esempio, nella creazione di giochi o altri tipi di applicazioni ,proprio recentemente, infatti, ho usato questo codice che mi \u00e8 servito per realizzare un semplice giochino per iPad che presto vedr\u00e0 luce in AppStore. Il codice che sto per mostrarvi \u00e8 abbastanza semplice da capire: in parole povere usiamo 2 file .txt contenenti numeri da 0 a 320 in uno, e da 0 a 480 l’altro (su iPad da 0 a 768 e da 0 a 1024), questi sono di fatto i pixel della risoluzione dei nostri devices da cui estrarremo casualmente un numero per file da usare nei 2 assi (x ed y)<\/strong>. Potrete posizionare qualsiasi tipo di oggetto grafico (bottone, immagine, etc). Oggi andremo a posizionare una piccola immagine.<\/p>\n

Partiamo con il nostro progetto Xcode<\/h4>\n

Prima di tutto dobbiamo creare i 2 file di testo .txt<\/strong> con tutti i pixels possibili, io ne ho gi\u00e0 usati due per i miei fini quindi faccio che allegarveli qui, non crediate che li abbia scritti io, ho trovato un utilissimo sito che lo ha fatto al posto mio \ud83d\ude1b !<\/p>\n

Fattori X iPhone<\/a>
\nFattori Y iPhone<\/a><\/p>\n

Fattori X iPad<\/a>
\nFattori Y iPad<\/a><\/p>\n

Una volta scaricati i file apriamo XCode, creiamo un nuovo progetto di tipo “view-based application” che chiameremo “RandomPos” e salviamolo da qualche parte (sulla scrivania andr\u00e0 benissimo). Trascinate quindi i due file con i fattori x e y nella cartella Resources<\/em> del vostro progetto spuntando<\/em> l’opzione “Copy items into destination group’s folder (if needed)”.<\/p>\n

Passiamo quindi a scrivere un po’ di codice iniziando dal file di intestazione (.h). Dichiariamo quindi variabili ed oggetti:<\/p>\n

\r\n#import  \r\n\r\n@interface RandomPosViewController : UIViewController {\r\n\tIBOutlet UIImageView *immagine;\r\n\tNSMutableArray *fattoriX;\r\n\tNSMutableArray *fattoriY;\r\n\tfloat x;\r\n\tfloat y;\r\n\tNSString *stringa;\r\n\tNSString *stringa02;\r\n}\r\n\r\n- (IBAction)cambiaPosizione;\r\n\r\n@end\r\n<\/pre>\n
Abbiamo semplicemente dichiarato un’UIImageView<\/em>, due array<\/em> contenenti i vari fattori, 2 variabili di tipo float<\/strong> (x,y), due NSString<\/em> che ci serviranno per randomizzare gli elementi provenienti dai due file di testo (.txt), e logicamente un’IBAction<\/em> per far cambiare la posizione alla nostra immagine.<\/p>\n
Come immagine ho creato una sempicissima pallina che vi allego per comodit\u00e0:<\/p>\n

\n\"\"<\/a>
\n<\/center><\/p>\n
Ed ora iniziamo ad implementare un po’ di codice. Apriamo il file .m e modifichiamolo come segue:<\/p>\n
Prima di tutto scommentiamo il metodo viewDidLoad<\/strong> che si trova in basso, togliendo semplicemente \/* dall’inizio e *\/ dalla fine, vi accorgerete che il testo da verde assumer\u00e0 i classici colori di XCode.<\/p>\n
A questo punto andremo a modificare il metodo in questo modo:<\/p>\n
\r\n- (void)viewDidLoad {\r\n    [super viewDidLoad];\r\n\t\r\n\tNSBundle *bundle = [NSBundle mainBundle];\r\n\tNSString *percorso = [bundle pathForResource:@\"fattoriX-iphone\" ofType:@\"txt\"];\t\r\n\tNSString *contenuto = [NSString stringWithContentsOfFile:percorso encoding:NSUTF8StringEncoding error:nil];\r\n\tfattoriX = [[NSMutableArray alloc] initWithArray:[contenuto componentsSeparatedByString:@\"\\n++\"]];\r\n\t\r\n\tNSBundle *bundle2 = [NSBundle mainBundle];\r\n\tNSString *percorso2 = [bundle2 pathForResource:@\"fattoriY-iphone\" ofType:@\"txt\"];\t\r\n\tNSString *contenuto2 = [NSString stringWithContentsOfFile:percorso2 encoding:NSUTF8StringEncoding error:nil];\r\n\tfattoriY = [[NSMutableArray alloc] initWithArray:[contenuto2 componentsSeparatedByString:@\"\\n++\"]];\r\n}\r\n<\/pre>\n
Come potete notare abbiamo inserito la stessa cosa due volte, perch\u00e8 ci\u00f2 che stiamo facendo \u00e8 importare tutti gli elementi contenuti nei nostri file .txt verso le due NSMutableArray<\/em> per poi utilizzarli. Analizzeremo il primo.
\nAbbiamo dichiarato un oggetto di tipo NSBundle<\/em> indicandolo come mainBundle<\/em>, ovvero diciamo di andare a prendere  il file nella directory principale; in seguito con l’oggetto percorso di tipo NSString, diamo il nome ed il formato del file che prendiamo e con l’altra NSString creiamo una stringa che prende il contenuto del file nel percorso con l’encoding NSUTF8StringEncoding<\/em>, poi settiamo l’errore su nil, dato che non ci interessa. Nell’ultima riga di codice inizializziamo l’array fattoriX<\/em> con il contenuto della stringa precedente (contenuto) e diciamo che gli elementi dell’array sono separati da un invio e ++<\/em> (ho messo cosi’ per evitare spiacevoli errori e confusioni).<\/p>\n
A questo punto ecco il codice per la nostra azione:<\/p>\n
\r\n- (IBAction)cambiaPosizione{\r\n\tint lunghezza = [fattoriX count];\r\n\tint selezione = arc4random() % lunghezza;\r\n\tstringa = [fattoriX objectAtIndex: selezione];\r\n\t\r\n\tx = [stringa floatValue];\r\n\t\r\n\tint lunghezza02 = [fattoriY count];\r\n\tint selezione02 = arc4random() % lunghezza02;\r\n\tstringa02 = [fattoriY objectAtIndex: selezione02];\r\n\t\r\n\ty = [stringa02 floatValue];\r\n\t\r\n\timmagine.center = CGPointMake(x, y);\r\n}\r\n<\/pre>\n
Qui andiamo a prendere casualmente i due fattori dagli array in questo modo: con una variabile int<\/em> (lunghezza) contiamo il numero degli elementi dentro all’array, poi con un’altra variabile (selezione), prendiamo casualmente utilizzando il metodo arc4random()<\/strong> un numero dal conteggio fatto in precendenza e abbiniamo il numero all’elemento che poi inseriamo in una NSString (stringa). Cosi’ abbiniamo le variabili float al valore della NSString.
\nCome ultima cosa, impostiamo le coordinate del centro della nostra immagine inserendo le 2 variabili.<\/p>\n
Con il codice abbiamo finito! Passiamo all’interfaccia grafica.<\/p>\n
Creiamo l’interfaccia grafica con Interface Builder<\/h4>\n
Apriamo il file .xib e creiamo la nostra semplice interfaccia grafica. Inserite un RoundedRectButton<\/em> che collegherete all’azione cambiaPosizione ed un’UIImageView che collegherete all’outlet immagine.<\/p>\n

\n\"\"<\/a>
\n<\/center><\/p>\n
Abbiamo finito, salviamo tutto, clicchiamo su “Build and Run” ed ecco la nostra nuova app!<\/p>\n
Cliccate sul bottone e vedrete che l’immagine si spostera’ casualmente.<\/p>\n

\n\"\"<\/a>
\n<\/center><\/p>\n
Spero che il tutorial vi sia piaciuto e vi sia stato utile, alla prossima !<\/p>\n","protected":false},"excerpt":{"rendered":"
Salve ragazzi, sono David Pollak e oggi in questo tutorial vi far\u00f2 vedere come far apparire un…<\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[308,199,280,306,307,5,292,40,1],"class_list":["post-3831","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-arc4random","tag-david-pollak","tag-game-development","tag-nsbundle","tag-nsutf8stringencoding","tag-objective-c","tag-posizione","tag-random","tag-tutorial-pratici"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=3831"}],"version-history":[{"count":18,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3831\/revisions"}],"predecessor-version":[{"id":3978,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3831\/revisions\/3978"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=3831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=3831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=3831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}