Personalizzare l’aspetto di una finestra
Dopo aver visto come regolare alcuni parametri delle finestre e come aprirne di nuove, vediamo come sia possibile variare l’aspetto di una finestra usandone uno personalizzato e non quello “classico” del sistema operativo.
L’operazione è abbastanza semplice: AIR permette di non utilizzare l’aspetto di default del sistema operativo (definito SystemChrome), di conseguenza di fatto è sufficiente nasconderlo e inserire un’interfaccia personalizzata, per esempio con Flash risulta molto facile realizzare un disegno per rendere più gradevole la finestra. Prendiamo ad esempio la figura seguente:

Come fare se volessimo usare come interfaccia solo la forma arancione, con annesso l’effetto ombra? Da Flash possiamo portarci nel menu “Comandi” (Commands) e selezionare l’opzione “AIR – Application and Package Settings”, quindi per l’opzione “Window Style” selezioniamo “Custom Chrome (Transparent)”. Testiamo nuovamente il filmato, ed ecco il risultato:

In questo caso dovremo impostare manualmente le azioni per ridimensionamento, trascinamento, chiusura della finestra ed altro (riduzione a icona, espansione a schermo intero, etc.); queste operazioni sono piuttosto semplici grazie agli eventi e alle proprietà, ad esempio per rendere la finestra trascinabile e per rendere funzionante il pulsante di chiusura basterà usare:
clip.addEventListener(MouseEvent.MOUSE_DOWN,sposta);
chiudi.addEventListener(MouseEvent.CLICK,chiudi_finestra);
function sposta(evt:MouseEvent){
stage.window.startMove();
}
function chiudi_finestra(evt:MouseEvent){
stage.window.close();
}
Dove clip
è il nome istanza della forma utilizzata per la finestra, mentre chiudi
è il nome istanza del pulsante di chiusura.
Conclusioni
AIR offre una buona quantità di opzioni per personalizzare la finestra principale dell’applicazione e grazie alla possibilità di generare dinamicamente nuove finestre consente di realizzare applicazioni composte da più finestre e pannelli in maniera abbastanza semplice.
La possibilità di creare finestre con forma ed aspetto personalizzati e di posizionare tramite Actionscript la finestra rende particolarmente comoda la creazione di widget e screenmate; ovviamente le parti trasparenti della finestra non intercetteranno i click del mouse, per cui l’utente potrà tranquillamente usare il menu del desktop o della sua applicazione anche qualora il nostro stage originale fosse più largo della forma utilizzata per la finestra.
Se vuoi aggiornamenti su Personalizzare l'aspetto di una finestra inserisci la tua email nel box qui sotto:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
La tua iscrizione è andata a buon fine. Se vuoi ricevere informazioni personalizzate compila anche i seguenti campi opzionali:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
I Video di HTML.it
Guido Magrin, da Milano a Roma per il .NET Campus
La testimonianza di uno studente del primo anno di Ingegneria Informatica al Politecnico di Milano che già ha pubblicato diverse […]