Share
In questo tutorial, scopriremo le funzionalità del Corona SDK e utilizzeremo il linguaggio di programmazione Lua per saperne di più su come sviluppare una semplice applicazione multipiattaforma.
Utilizzando le API di Corona, creeremo un orologio analogico di base. La grafica sarà esportata da PNG dall'editor di immagini di tua scelta e quindi alimentata da Lua. Imparerai anche come testare la tua applicazione utilizzando il simulatore e costruisci la tua app per il test dei dispositivi.
La prima cosa che devi fare è selezionare la piattaforma su cui vuoi eseguire la tua app, in questo modo sarai in grado di scegliere la dimensione per le immagini che userai.
La piattaforma iOS ha queste caratteristiche:
Per Android è un po 'diverso, essendo una piattaforma aperta, potresti incontrare molte risoluzioni dello schermo diverse:
In questo tutorial useremo la piattaforma iPhone / iPodTouch.
Questa è l'interfaccia grafica che useremo. Se segui la rete Tuts +, potresti notare che questi sono i grafici del mio tutorial Crea un salvaschermo analogico con Screentime per Flash. Se vuoi, puoi seguire questo tutorial per creare la grafica o semplicemente scaricare il file di progetto da questo post.
A seconda del dispositivo selezionato, sarà necessario esportare la grafica nell'IPP consigliato. Puoi farlo nel tuo editor di immagini preferito. Ho usato il Regola dimensioni ... funzione nell'app Anteprima in Mac OS X.
Ricordarsi di assegnare alle immagini un nome descrittivo e di salvarle nella cartella del progetto.
È tempo di scrivere la nostra applicazione!
Apri l'editor Lua preferito (qualsiasi editor di testo funzionerà, ma non avrai l'evidenziazione della sintassi). Adesso preparati a scrivere la tua prima fantastica app!
La prima cosa che faremo è aggiungere lo sfondo dell'orologio:
Accentsconagua
background locale = display.newImage ("background.png") Questa linea crea la variabile locale sfondo e usa il display API per aggiungere l'immagine specificata allo stage. Per impostazione predefinita, l'immagine viene aggiunta a 0,0.
Ripetiamo il processo con le lancette dell'orologio e le immagini del centro dell'orologio, posizionandole al centro del palco:
hourHand locale = display.newImage ("hourHand.png", 152, 185) local minuteHand = display.newImage ("minuteHand.png", 152, 158) local center = display.newImage ("center.png", 150, 230 ) local secondHand = display.newImage ("secondHand.png", 160, 155) Per posizionare correttamente le immagini, modifichiamo il punto di riferimento per spostare le immagini relativamente al centro in basso:
hourHand: setReferencePoint (display.BottomCenterReferencePoint) minuteHand: setReferencePoint (display.BottomCenterReferencePoint) secondHand: setReferencePoint (display.BottomCenterReferencePoint)
Qui impostiamo la posizione iniziale delle lancette dell'orologio. Aspetta, non lo abbiamo già fatto? Sì, ma questa volta impostiamo la rotazione in base all'ora del sistema:
local timeTable = os.date ("* t") - Rilancia una tabella contenente ora, minuti e secondi al momento della chiamata - Imposta la rotazione in base ai valori timeTable hourHand.rotation = timeTable.hour * 30 + (timeTable .min * 0,5) --Le ore sono separate da 30 gradi, più 0,5 gradi al minuto minutoHand.rotation = timeTable.min * 6 - 6 gradi separa i minuti ei secondi secondHand.rotation = timeTable.sec * 6 Il orario la variabile verrà utilizzata solo una volta all'avvio dell'applicazione, quindi non è necessario tenerla in memoria. Per liberare la memoria usata dalla variabile (che è quasi nulla, ma DEVE abituarsi a deallocare vars o oggetti inutilizzati) impostiamo il suo valore su zero, in questo modo la raccolta dei rifiuti si prende cura di esso:
timeTable = nil
Le successive righe di codice gestiscono la rotazione delle lancette dell'orologio, è lo stesso codice di prima, solo questa volta racchiuso in una funzione che verrà eseguita ogni secondo da un Timer:
funzione locale moveHands (e) local timeTable = os.date ("* t") --getora di nuovo, ogni secondo hourHand.rotation = timeTable.hour * 30 + (timeTable.min * 0.5) minuteHand.rotation = timeTable.min * 6 secondHand.rotation = timeTable.sec * 6 end - la variabile locale viene distrutta qui Il Timer, Esegue ogni secondo ed esegue la funzione specificata, questo è il moveHands funzione che abbiamo creato nell'ultimo passaggio. Le volte in cui viene eseguito sono impostate dal terzo parametro, 0 è infinito.
timer.performWithDelay (1000, moveHands, 0)
Finirà la nostra app! Salva il file come Main.lua nella cartella del progetto e avviare il Corona Simulator. Apparirà una finestra di dialogo aperta. Seleziona la cartella del tuo progetto e (si spera) vedi la tua app funzionante!
Se tutto funziona come previsto, siamo quasi pronti a creare l'app per il test dei dispositivi. È necessaria solo un'altra cosa: la nostra icona dell'applicazione.
Puoi creare un'icona bella e carina usando la grafica che hai creato prima. La dimensione dell'icona per le icone dell'iPhone è 57x57 px, ma lo store di iTunes utilizza un'immagine 512x512px, quindi è meglio creare l'icona in queste dimensioni e ridimensionarla per l'icona.
Non è necessario avere gli angoli arrotondati o l'abbagliamento trasparente -iTunes e l'iPhone lo farà automaticamente per te.
Una volta che hai finito con la tua icona, mettila nella cartella del tuo progetto e preparati per la costruzione.
Avrai bisogno di un account sviluppatore per creare un'app per iPhone. Dovrai seguire le istruzioni nel Programma di sviluppo Apple per ottenerne uno e quindi installare un certificato sviluppatore.
Al termine, apri di nuovo il simulatore Corona, ma questa volta usa il Aperto per Build opzione nel File menu.
Ti verrà chiesto di selezionare il tuo progetto e la piattaforma per creare l'applicazione.
Successivamente, verrà visualizzata una nuova finestra in cui è possibile assegnare un nome all'applicazione, selezionare il numero di versione e selezionare l'identità dello sviluppatore.
premi il costruire pulsante al termine e prepararsi a eseguire test sul dispositivo!
Congratulazioni per la tua prima app per iPhone con Corona SDK!
Puoi vedere quanto è facile usare le API Corona e il linguaggio di programmazione Lua. Prova a creare le tue app e attendi esercitazioni di livello più avanzato!
Grazie per aver letto questo tutorial. Spero che tu l'abbia trovato utile!
