Share
Gli avvisi sono un metodo di sistema predefinito per mostrare informazioni all'utente, sono comunemente usati per visualizzare messaggi brevi e possono includere una o più opzioni per determinare un'azione posteriore. In questo tutorial, scopriremo come implementare questi avvisi, imparerai anche come creare pulsanti di base e aprire un URL in Safari. Continua a leggere!
Usando la Corona nativo classe e il showAlert () metodo, mostreremo un avviso personalizzato utilizzando un semplice pulsante sul palco.
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:
Perché Android è una piattaforma aperta, ci sono molti diversi dispositivi e risoluzioni. Alcune delle caratteristiche dello schermo più comuni sono:
In questo tutorial ci concentreremo sulla piattaforma iOS, in particolare lo sviluppo per la distribuzione su un iPhone / iPod touch.
Creeremo un'interfaccia di base con un pulsante che richiamerà un avviso quando premuto. Il titolo dell'avviso, il messaggio e i nomi dei pulsanti saranno definiti nel codice.
A seconda del dispositivo selezionato, sarà necessario esportare la grafica nel PPI consigliato, è possibile farlo nel proprio 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 il tuo editor Lua preferito (qualsiasi editor di testo funzionerà, ma non avrai l'evidenziazione della sintassi) e preparati a scrivere la tua fantastica app.
Per prima cosa nascondiamo la barra di stato, questa è la barra in cima allo schermo che mostra l'ora, il segnale e altri indicatori.
display.setStatusBar (display.HiddenStatusBar)
Ora aggiungiamo lo sfondo dell'app.
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 usando l'angolo in alto a sinistra come punto di riferimento.
Ripeti il processo con l'immagine del pulsante, posizionandola al centro del palco. La funzione del pulsante verrà creata successivamente nel codice.
alertButton locale = display.newImage ("alertButton.png") alertButton: setReferencePoint (display.CenterReferencePoint) alertButton.x = 160 alertButton.y = 240 Quando l'utente fa clic su uno dei pulsanti di opzione in Alert a cliccato l'evento è stato rimosso, dobbiamo controllare per indice del pulsante cliccato per sapere quale opzione è stata selezionata. Un avviso ti consente di includere fino a 6 pulsanti, il cui indice è definito dall'ordine in cui è stato scritto nella chiamata di avviso.
La seguente funzione gestisce tale processo, il suo listener viene creato nella chiamata di avviso (mostrato nel passaggio successivo).
funzione locale onClick (e) se e.action == "clic" quindi se e.index == 1 then - Some Action elseif e.index == 2 then system.openURL ("http://mobile.tutsplus.com ") fine fine Questa funzione verrà eseguita quando si preme il pulsante di avviso, si utilizza il native.showAlert () metodo per visualizzare l'avviso. L'avviso sarà collegato a una variabile che fungerà da ID di avviso, in questo modo può essere individuata, riutilizzata o rimossa da native.cancelAlert () metodo.
funzione alertButton: tap (e)
alert locale = native.showAlert ("MobileTuts +", "Tutorial per lo sviluppo mobile", "OK", "Ulteriori informazioni", onClick)
fine
Questo metodo ha quattro parametri di misurazione, diamo loro un'occhiata:
native.showAlert (titolo, messaggio, button, listener)
Il pulsante ora ha una funzione da eseguire quando viene premuto, ma questa funzione da sola non sarà in grado di reagire senza un listener.
La prossima riga di codice imposta quell'ascoltatore:
alertButton: addEventListener ("tap", alertButton) 
Se tutto funziona come previsto, siamo quasi pronti a creare la nostra app per il test dei dispositivi. Ancora una cosa: la nostra icona dell'applicazione.
Utilizzando la grafica che hai creato prima di poter creare un'icona bella e di bell'aspetto, la dimensione dell'icona per le icone di iPhone è 57x57px, ma lo store di iTunes utilizza un 512x512px quindi è meglio creare l'icona in queste dimensioni. Se vuoi ottimizzare le tue immagini per il display Retina per iPhone 4, avrai bisogno anche di una versione 114x114px dell'icona dell'app.
Non è necessario avere gli angoli arrotondati o il bagliore trasparente, iTunes e il sistema operativo dell'iPhone lo applicheranno per te.
Con questo tutorial hai imparato come visualizzare gli avvisi per mostrare all'utente un messaggio ed eseguire un codice predeterminato in base all'opzione selezionata.
Grazie per aver letto questo tutorial, spero che tu l'abbia trovato utile!
