iOS: elementos de la interfaz de usuario
¿Qué son los elementos de la interfaz de usuario?
Los elementos de la interfaz de usuario son los elementos visuales que podemos ver en nuestras aplicaciones. Algunos de estos elementos responden a las interacciones del usuario como botones, campos de texto y otros son informativos como imágenes, etiquetas.
¿Cómo agregar elementos de la interfaz de usuario?
Podemos agregar elementos de la interfaz de usuario tanto en el código como con la ayuda del constructor de interfaces. Dependiendo de la necesidad podemos utilizar cualquiera de ellos.
Nuestro objetivo
Nos centraremos más en agregar elementos de la interfaz de usuario a través del código en nuestras aplicaciones. Usar el generador de interfaces es simple y directo, solo necesitamos arrastrar y soltar los elementos de la interfaz de usuario.
Nuestro Enfoque
Crearemos una aplicación iOS simple y la usaremos para explicar algunos de los elementos de la interfaz de usuario.
Step 1 - Cree una aplicación basada en vistas como lo hicimos en nuestra primera aplicación iOS.
Step 2 - Solo actualizaremos los archivos ViewController.hy ViewController.m.
Step 3 - Luego agregamos un método a nuestro archivo ViewController.m específico para crear el elemento UI.
Step 4 - Llamaremos a este método en nuestro método viewDidLoad.
Step 5 - Las líneas importantes de código se han explicado en el código con un comentario de una sola línea encima de esas líneas.
Lista de elementos de la interfaz de usuario
Los elementos específicos de la interfaz de usuario y sus funcionalidades relacionadas se explican a continuación:
| No Señor. | Elementos específicos de la interfaz de usuario |
|---|---|
| 1 | Campos de texto Es un elemento de la interfaz de usuario que permite que la aplicación obtenga información del usuario. |
| 2 | Tipos de entrada: TextFields Podemos establecer el tipo de entrada que el usuario puede dar usando la propiedad de teclado de UITextField. |
| 3 | Botones Se utiliza para gestionar las acciones del usuario. |
| 4 | Etiqueta Se utiliza para mostrar contenido estático. |
| 5 | Barra de herramientas Se utiliza si queremos manipular algo en función de nuestra vista actual. |
| 6 | Barra de estado Muestra la información clave del dispositivo. |
| 7 | Barra de navegación Contiene los botones de navegación de un controlador de navegación, que es una pila de controladores de vista que se pueden presionar y abrir. |
| 8 | Barra de pestañas Por lo general, se utiliza para cambiar entre varias subtareas, vistas o modelos dentro de la misma vista. |
| 9 | Vista de imagen Se utiliza para mostrar una imagen simple o una secuencia de imágenes. |
| 10 | Vista de desplazamiento Se utiliza para mostrar contenido que supera el área de la pantalla. |
| 11 | Vista de tabla Se utiliza para mostrar una lista desplazable de datos en varias filas y secciones. |
| 12 | Vista dividida Se utiliza para mostrar dos paneles con un panel maestro que controla la información en el panel de detalles. |
| 13 | Vista de texto Se utiliza para mostrar una lista desplazable de información de texto que es opcionalmente editable. |
| 14 | Ver transición Explica las diversas transiciones de vista entre vistas. |
| 15 | Recolectores Se utiliza para mostrar para seleccionar datos específicos de una lista. |
| dieciséis | Interruptores Se utiliza como deshabilitar y habilitar para acciones. |
| 17 | Deslizadores Se utiliza para permitir que los usuarios realicen ajustes en un valor o proceso en un rango de valores permitidos. |
| 18 | Alertas Se utiliza para brindar información importante a los usuarios. |
| 19 | Iconos Es una representación de imagen utilizada para una acción o representar algo relacionado con la aplicación. |