Android - Controlli dell'interfaccia utente

I controlli di input sono i componenti interattivi dell'interfaccia utente della tua app. Android offre un'ampia varietà di controlli che puoi utilizzare nell'interfaccia utente, come pulsanti, campi di testo, barre di ricerca, caselle di controllo, pulsanti di zoom, pulsanti di attivazione / disattivazione e molti altri.

Elementi dell'interfaccia utente

UN View è un oggetto che disegna qualcosa sullo schermo con cui l'utente può interagire e un file ViewGroup è un oggetto che contiene altri oggetti View (e ViewGroup) per definire il layout dell'interfaccia utente.

Si definisce il layout in un file XML che offre una struttura leggibile dall'uomo per il layout, simile all'HTML. Ad esempio, un semplice layout verticale con una visualizzazione di testo e un pulsante ha questo aspetto:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
   
   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a Button" />
</LinearLayout>

Controlli dell'interfaccia utente Android

Esistono numerosi controlli dell'interfaccia utente forniti da Android che consentono di creare l'interfaccia utente grafica per l'app.

Sr.No.	Controllo e descrizione dell'interfaccia utente
1	TextView Questo controllo viene utilizzato per visualizzare il testo all'utente.
2	Modifica il testo EditText è una sottoclasse predefinita di TextView che include ricche funzionalità di modifica.
3	AutoCompleteTextView L'AutoCompleteTextView è una visualizzazione simile a EditText, tranne per il fatto che mostra automaticamente un elenco di suggerimenti di completamento mentre l'utente sta digitando.
4	Pulsante Un pulsante che può essere premuto o cliccato dall'utente per eseguire un'azione.
5	ImageButton Un ImageButton è un AbsoluteLayout che ti consente di specificare la posizione esatta dei suoi figli. Questo mostra un pulsante con un'immagine (invece del testo) che può essere premuto o cliccato dall'utente.
6	CheckBox Un interruttore di accensione / spegnimento che può essere attivato dall'utente. È necessario utilizzare la casella di controllo quando si presenta agli utenti un gruppo di opzioni selezionabili che non si escludono a vicenda.
7	Interruttore Un pulsante on / off con un indicatore luminoso.
8	RadioButton Il RadioButton ha due stati: selezionato o deselezionato.
9	RadioGroup Un RadioGroup viene utilizzato per raggruppare uno o più RadioButtons.
10	Barra di avanzamento La visualizzazione ProgressBar fornisce un feedback visivo su alcune attività in corso, ad esempio quando si esegue un'attività in background.
11	Spinner Un elenco a discesa che consente agli utenti di selezionare un valore da un set.
12	TimePicker La visualizzazione TimePicker consente agli utenti di selezionare un'ora del giorno, in modalità 24 ore o in modalità AM / PM.
13	Date picker La visualizzazione DatePicker consente agli utenti di selezionare una data del giorno.

Crea controlli dell'interfaccia utente

I controlli di input sono i componenti interattivi dell'interfaccia utente della tua app. Android offre un'ampia varietà di controlli che puoi utilizzare nell'interfaccia utente, come pulsanti, campi di testo, barre di ricerca, caselle di controllo, pulsanti di zoom, pulsanti di attivazione / disattivazione e molti altri.

Come spiegato nel capitolo precedente, a un oggetto vista potrebbe essere assegnato un ID univoco che identificherà la vista in modo univoco all'interno dell'albero. La sintassi per un ID, all'interno di un tag XML è:

android:id="@+id/text_id"

Per creare un controllo / vista / widget dell'interfaccia utente dovrai definire una vista / widget nel file di layout e assegnargli un ID univoco come segue:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent" 
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text_id"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
</LinearLayout>

Quindi, infine, crea un'istanza dell'oggetto Control e acquisiscilo dal layout, usa quanto segue:

TextView myText = (TextView) findViewById(R.id.text_id);