iOS - Elementi dell'interfaccia utente

Quali sono gli elementi dell'interfaccia utente?

Gli elementi dell'interfaccia utente sono gli elementi visivi che possiamo vedere nelle nostre applicazioni. Alcuni di questi elementi rispondono alle interazioni dell'utente come pulsanti, campi di testo e altri sono informativi come immagini, etichette.

Come aggiungere elementi dell'interfaccia utente?

Possiamo aggiungere elementi dell'interfaccia utente sia nel codice che con l'aiuto di Interface Builder. A seconda delle necessità possiamo utilizzare uno di loro.

Il nostro obiettivo

Ci concentreremo maggiormente sull'aggiunta di elementi dell'interfaccia utente tramite codice nelle nostre applicazioni. L'uso del generatore di interfacce è semplice e diretto, dobbiamo solo trascinare e rilasciare gli elementi dell'interfaccia utente.

Il nostro approccio

Creeremo una semplice applicazione iOS e la useremo per spiegare alcuni degli elementi dell'interfaccia utente.

Step 1 - Crea un'applicazione basata sulla visualizzazione come abbiamo fatto nella nostra prima applicazione iOS.

Step 2 - Aggiorneremo solo i file ViewController.he ViewController.m.

Step 3 - Quindi aggiungiamo un metodo al nostro file ViewController.m specifico per la creazione dell'elemento UI.

Step 4 - Chiameremo questo metodo nel nostro metodo viewDidLoad.

Step 5 - Le righe di codice importanti sono state spiegate nel codice con un commento a riga singola sopra quelle righe.

Elenco degli elementi dell'interfaccia utente

Gli elementi specifici dell'interfaccia utente e le relative funzionalità sono spiegati di seguito:

Sr.No.	Elementi specifici dell'interfaccia utente
1	Campi di testo È un elemento dell'interfaccia utente che consente all'app di ottenere l'input dell'utente.
2	Tipi di input - TextFields Possiamo impostare il tipo di input che l'utente può fornire utilizzando la proprietà keyboard di UITextField.
3	Bottoni Viene utilizzato per gestire le azioni dell'utente.
4	Etichetta Viene utilizzato per visualizzare contenuto statico.
5	Barra degli strumenti Viene utilizzato se vogliamo manipolare qualcosa in base alla nostra vista corrente.
6	Barra di stato Visualizza le informazioni chiave del dispositivo.
7	Barra di navigazione Contiene i pulsanti di navigazione di un controller di navigazione, che è una pila di controller di visualizzazione che possono essere premuti e visualizzati.
8	Barra delle schede Viene generalmente utilizzato per passare tra varie attività secondarie, viste o modelli all'interno della stessa vista.
9	Visualizzazione immagine Viene utilizzato per visualizzare un'immagine semplice o una sequenza di immagini.
10	Visualizzazione a scorrimento Viene utilizzato per visualizzare contenuti che superano l'area dello schermo.
11	Visualizza come tabella Viene utilizzato per visualizzare un elenco scorrevole di dati in più righe e sezioni.
12	Vista divisa Viene utilizzato per visualizzare due riquadri con il riquadro principale che controlla le informazioni sul riquadro dei dettagli.
13	Visualizzazione testo Viene utilizzato per visualizzare un elenco scorrevole di informazioni di testo che è facoltativamente modificabile.
14	Visualizza transizione Spiega le varie transizioni di visualizzazione tra le visualizzazioni.
15	Pickers Viene utilizzato per la visualizzazione per selezionare un dato specifico da un elenco.
16	Interruttori Viene utilizzato per disabilitare e abilitare le azioni.
17	Sliders Viene utilizzato per consentire agli utenti di apportare modifiche a un valore o processo in un intervallo di valori consentiti.
18	Avvisi Viene utilizzato per fornire informazioni importanti agli utenti.
19	Icone È una rappresentazione dell'immagine utilizzata per un'azione o rappresenta qualcosa relativo all'applicazione.