Tutorial 15 - Creare pulsanti (Button) con grafica accattivante

Vediamo oggi come è possibile, con un piccolo sforzo di programmazione in più, utilizzare nelle nostre App dei pulsanti (Button) che abbiano un aspetto grafico diverso da quello di default di App Inventor.

Come ormai saprete infatti, i pulsanti "base" di App Inventor (quelli che trasciniamo nel nostro progetto dalla palette basic) sono si utilissimi e molto facili da utilizzare, ma peccano dal punto di vista visivo, in quanto sono tutti uguali ed aimè poco accattivanti...
Ecco un esempio di come si presentano i pulsanti di default sul mio DHD:

Esempio dei pulsanti di default offerti da App Inventor

Mentre, utilizzando la property "image" del componente button, potremmo realizzare un qualcosa dal look più moderno e fantasioso:

Esempio di pulsanti realizzati con buttongenerator.com

Ovviamente la scelta sta a voi, in base al tipo di app che volete creare ed al tempo che le volete dedicare, decidere quali dei due metodi utilizzare.

In un prossimo tutorial vedremo anche un terzo metodo, che utilizza gli sprites come pulsanti, per aggirare le problematiche di posizionamento e allineamento dei pulsanti in App Inventor.

Come sempre, buona visione!

Per la creazione dei vostri pulsanti suggerisco questi due ottimi siti gratuiti:

http://www.buttongenerator.com/
http://www.mycoolbutton.com/3d-free-button-generator.php

ovviamente ne esistono molti altri, a voi il piacere della scoperta!

Il file sorgente del progetto utilizzato lo trovate cliccando qua