Scrivi e vendi app Android con Basic 4 Android: parte 1

Scrivi e vendi app Android con Basic 4 Android: parte 1

Immagine 1 di 4

Scrivi e vendi app Android con Basic 4 Android
L'editor B4A include una pratica funzionalità di completamento automatico per aiutarti a ottenere la sintassi corretta al primo tentativo
L'impostazione dei punti di interruzione aiuta a risolvere i problemi relativi al comportamento anomalo del codice monitorando il flusso di esecuzione e controllando i valori di y
Con un AVD puoi testare il codice direttamente sul desktop del tuo PC

Nel codice sopra menzionato dichiariamo un nuovo pulsante fittizio chiamato myButton, quindi lo inizializziamo: un passaggio necessario solo per dire ad Android che lo utilizzeremo effettivamente. Il parametro tra parentesi specifica il nome dell'evento che vogliamo generare quando clicchiamo su di esso.

Successivamente diamo del testo al pulsante e, infine, dobbiamo posizionare il pulsante sullo schermo. In Android, tutti gli elementi visibili dell'interfaccia sono chiamati "visualizzazioni", quindi il metodo utilizzato per aggiungere un pulsante a un'attività è "Attività. Aggiungi vista”. I parametri alla fine specificano di quale pulsante stiamo parlando e danno la posizione e le dimensioni desiderate.

Ora possiamo scrivere un gestore di eventi per il nostro pulsante. È facile come aggiungere un nuovo sottotitolo al programma in questo modo (assicurati di non aggiungerlo entro i limiti di un sottotitolo esistente):

Ora puoi compilare ed eseguire il programma, quindi fare clic sul pulsante per visualizzare la finestra di messaggio.

Il disegnatore

Abbiamo visto quanto sia semplice definire i pulsanti nel codice. Se vuoi mettere insieme un layout più complesso, B4A dispone anche di un designer grafico integrato. Per accedervi, fare clic sulla voce di menu Designer nell'IDE.

Verrà aperta una nuova finestra. Per impostazione predefinita, il Designer apre una finestra secondaria "Designer astratto", ma se preferisci, puoi utilizzare lo schermo del tuo AVD facendo doppio clic sull'icona della catena nella parte superiore della finestra. Ciò semplifica la visualizzazione di come apparirà un layout, ma puoi modificare solo un elemento dell'interfaccia alla volta all'interno di un AVD; il Designer astratto ti consente di selezionare e modificare più elementi.

Una volta che l'interfaccia conferma che sei connesso, puoi creare un'interfaccia per il tuo programma. Per aggiungere nuovi elementi, selezionali semplicemente dal menu Aggiungi vista, quindi trascinali e ridimensionali utilizzando le maniglie grafiche che appaiono quando fai clic.

Quando crei una nuova vista, la finestra principale di Designer mostra le sue dimensioni e altri dettagli: puoi crearla regolazioni precise digitando i valori desiderati e puoi anche modificare proprietà come etichette di testo. Se fai clic per espandere le opzioni di Stile testo, puoi controllare la dimensione, il colore e l'allineamento del testo. Se vuoi cambiare il colore di un pulsante, cerca una proprietà chiamata "Drawable" e cambiala da "DefaultDrawable" a "StatelistDrawable". Ciò esporrà più opzioni per controllare l'aspetto del pulsante.

Vale la pena dedicare un po' di tempo a giocare con Designer, poiché è una potente utilità e un buon modo per imparare i nomi e l'aspetto degli elementi standard dell'interfaccia Android. Nel menu Strumenti troverai le opzioni per duplicare le visualizzazioni selezionate e regolare le impostazioni della griglia. Puoi anche utilizzare gli script di progettazione per creare progetti dinamici che si adattano automaticamente alle dimensioni e all'orientamento del dispositivo dell'utente, ma di questo ci occuperemo il mese prossimo.

Per ora manterremo le cose semplici. Crea un'interfaccia con un pulsante e un'etichetta e disponili come preferisci. Quindi vai al menu Strumenti e seleziona "Genera membri". Supponendo che tu abbia mantenuto i nomi di visualizzazione predefiniti di Button1 ed Label1, vedrai una finestra aperta che mostra intestazioni espandibili e selezionabili per Attività, Button1 ed Label1. Spuntare Button1, quindi espanderlo e selezionare Click. Fai lo stesso per Etichetta1. Fai clic su "Genera membri" e un framework per inizializzare queste visualizzazioni e gestire gli eventi selezionati verrà automaticamente creato e inserito nella visualizzazione codice.