STRUTTURA DI UN'INTERFACCIA GRAFICA

Una interfaccia grafica e' costituita da:

una o piu' finestre
vari elementi o dispositivi di interfaccia

Finestre di un'interfaccia

Evitare malintesi:

Per il WMS finestra = qualsiasi area sullo schermo che viene gestita come risorsa individuale
- con suoi eventi a cui e' sensibile
- con sua geometria (posizione, dimensione)
- con sue strutture dati accessorie (es. color map)
e abbiamo detto che ci sono finestre a top-level (gestite dal window manager) e sottofinestre (contenute in altra finestra detta genitrice).
Qui finestre = solo quelle top-level. Le altre finestre le chiamiamo dispositivi di interfaccia, costituiscono il contenuto di una finestra.

Alcuni usano il termine "componenti" di interfaccia per indicare sia le finestre che i dispositivi, altri solo per i dispositivi.

Dispositivi di un'interfaccia

Oggetti con aspetto grafico e/o sensibilita' a particolari eventi che "popolano" una finestra e permettono interazione con l'utente.

Si classificano in diversi tipi, ciascun tipo con certe caratteristiche di aspetto / comportamento.

Elementi attivi (sensibili a input). Esempi:
- menu' (permettono di immettere una scelta da una lista di opzioni)
- bottoni (sensibili al click)
- dispositivi per introduzione di testo (campi di input)
- dispositivi per introduzione di valori numerici (potenziometri lineari, circolari, digitali)
Elementi inerti (solo aspetto grafico). Esempi:
- etichette testuali
- etichette grafiche (bitmap, pixmap)
- cornici ed altri elementi decorativi
Aree dedicate a scopi speciali: aree grafiche, aree per visualizzazione o editing di testi...

Esempi di dispositivi di interfaccia

Diversi tipi di bottoni, alcuni decorati con una pixmap.
Etichette e cornici che racchiudono gruppi di bottoni.

Applicazione per la gestione di file.
In alto due menu'. In basso alcuni bottoni, di cui uno disattivato.
Al centro area dedicata per visualizzare le icone dei file, dotata di sbarra di scorrimento.

I seguenti esempi sono tratti dall'esercitazione di IG dell'anno scorso.

Una barra di menu' in alto, subito sotto una serie di bottoni (di cui uno "premuto").
Piu' sotto: bottoni, campi di testi, potenziometri lineari e un potenziometro bidimensionale.

Una barra di menu' in alto.
Un'area dedicata per output grafico. Sotto questa due aree di messaggio.
A destra: vari tipi di potenziometri lineari e circolari, bottoni.