Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Bottoni

Svolgono un compito quando vengono premuti. Sono un elemento dell'interfaccia molto flessibile e possono avere una gran varietà di aspetti e stili. Vedi la Guida allo sviluppo per le specifiche e le descrizioni di come dovrebbero apparire e funzionare.

Caratteristiche

  • I bottoni hanno due componenti: un visual target e un hit target. Lo hit target è sempre più grande, per rendere più semplice premere il bottone.
  • I bottoni hanno due stati: normale e premuto.
  • I bottoni possono anche essere disabilitati, il che significa che non possono essere premuti dall'utente e sono scuriti per indicare il loro stato disabilitato.

Ci sono molti tipi di bottoni:

Bottoni azione
Usati quando le azioni sono poche e non è richiesta una lista. Il bottone principale è sempre indicato con un colore speciale.
Bottoni lista
Usato quando deve essere visualizzata una lista di azioni o per visualizzare un selettore.
Bottoni per l'input
Usati quando è richiesto un input da associare all'azione.
Bottoni speciali/personalizzati
Sono bottoni speciali per azioni specifiche come la registrazione, la chiamata, etc etc.

Aspetto

I bottoni normali dovrebbero apparire così. Non dimenticare che puoi usare i fogli di stile e immagini di background per personalizzare l'aspetto dei bottoni. Vedi la Guida allo sviluppo per capire come fare le personalizzazioni.

Bottoni azione

Usati quando le azioni sono poche e non è richiesta una lista. Il bottone principale è sempre indicato con un colore speciale.

  Primary action Secondary action Delete
Normal
Pressed
Disabled

Su sfondo scuro i bottoni disabilitati possono avere un aspetto diverso, simile all'immagine sotto.

  Primary action Secondary action
Disabled

Bottoni lista

Usato quando deve essere visualizzata una lista di azioni o per visualizzare un selettore.

Innescare azioni

  Trigger an action in the current view Trigger an action in a new view Display a value selector
Normal
Pressed
Disabled

Selettori

Una volta aperto deve essere premuto uno dei valori proposti per chiuderlo. Un selettore ha questo aspetto:

Normal Pressed Disabled

Bottoni per l'input

Usati quando è richiesto un input da associare all'azione.

Normal Pressed Disabled

Bottoni speciali

I bottoni speciali sono bottoni usati per scopi speciali come usare la macchina fotografica del dispositivo, rispondere e effettuare una chiamata  e accedere al tastierino numerico. Naturalmente puoi usare questi bottoni per altri scopi.

Bottone foto/video

Questo bottone non ha uno stato disabilitato, se non è possibile fare foto non dovresti semplicemente mostrarlo.

  Record video Stop recording video Capture photo
Normal
Pressed

Bottoni telefono

  Pick up Hang up Hide keypad
Normal
Pressed
Disabled

Bottoni personalizzati

Esempi di bottoni personalizzati per aggiungere un contatto alla rubrica.

Normal
Pressed
Disabled

Vedi anche

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: chrisdavidmills, EdoPut
 Ultima modifica di: chrisdavidmills,