Cerca con Google

23 giugno 2011

Tutorial 16 - Utilizzare l'elemento ImageSprite al posto dell'elemento Button


Come abbiamo visto nel Tutorial 15 possiamo usare un immagine come sfondo per i nostri pulsanti in App Inventor.
Il risultato sarà sicuramente soddisfacente ma, sfortunatamente, in alcune situazioni potrà capitare che l'allineamento dei nostri pulsanti risulti molto difficoltoso (se non a volte impossibile).

Ecco allora che si può utilizzare un altro trucchetto per simulare un pulsante (Button), il componente da utilizzare si trova nella palette Animation ed è chiamato ImageSprite.

ImageSprite va utilizzato solamente all'interno di un Canvas (elemento che abbiamo visto nel Tutorial di PaintPot), ed è per questo che suggerisco di utilizzare questo accorgimento per applicazioni dove l'aspetto grafico è di fondamentale importanza.




Un esempio può essere un'applicazione di tipo commerciale dove vogliamo pubblicizzare dei prodotti o dei servizi e dove è quindi necessario prima di tutto soddisfare "l'occhio" di chi userà l'app!

A voi quindi la scelta se utilizzare o meno questo questo metodo nella realizzazione dei pulsanti nelle vostre app.
Buona visione!!!



Riporto per comodità anche in questo post due siti suggeriti per la creazione in maniera del tutto gratuita dei pulsanti per la vostra app:

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

Il sorgente del progetto lo trovate invece qui

4 commenti:

  1. Sempre ottimi video, una domanda molto stupida, ma che combinazioni di tasti bisogna usare per fare la copia degli elementi , ho provato di tutto ma mi si spostano solo e non riesco a copiarli.
    Grazie ancora.

    RispondiElimina
  2. Ciao, ti seguo da un po' e grazie a te ho iniziato a muovere i primi passi con appiventor. Sto provando a realizzare una applicazione per divertimento ma mi trovo di fronte ad un problema. Seguendo la tua guida ho realizzato il canvas per rendere più gradevole la grafica dell'applicazione ma ho notato non che si può effettuare lo scroll della pagina in quanto il canvas blocca questa funzione. Che tu sappia si può risolvere in qualche modo ?? Ciao e un grazie in anticipo.

    RispondiElimina
  3. ciao,
    complimenti per i tutorial sempre semplici da capire ed esaurienti.Ti volevo chiedere se è possibile usare questo "trucco" anche per le label oltre che per i button.
    grazie

    RispondiElimina
    Risposte
    1. Le label non hanno una "properties" "Image" e quindi non è possibile cambiarci lo sfondo come in questo tutorial.

      Elimina