¿Qué son los elementos de UI?
Los elementos de UI son cualquier elemento visual que podemos ver en nuestra aplicación. Algunos de estos elementos responden a las acciones del usuario, como botones y campos de texto, y hay otro contenido enriquecido, como imágenes, etiquetas, etc.
¿Cómo agregar elementos de UI?
Se pueden agregar elementos de UI en el código con la participación del Interface Builder. Si es necesario, podemos usar cualquiera de ellos.
Nuestro enfoque
A través del código, nos centraremos en agregar elementos de UI a la aplicación. Un método más simple y directo es arrastrar y soltar elementos de UI con el Interface Builder.
Método
A continuación, explicaremos algunos elementos de UI creando una aplicación simple de iOS
Pasos
1. Igual que en el primer programa de iOS, cree una aplicación basada en vistas (View-based)
2. Solo actualice los archivos ViewController.h y ViewController.m
3. Luego agregamos el método al archivo ViewController.m para crear los elementos de UI
4. Llame a este método en el método viewDidLoad
5. Las líneas de código importantes ya están comentadas en el código mediante anotaciones sobre la línea correspondiente
Lista de elementos de interfaz de usuario
A continuación se explican los elementos de UI específicos y sus funciones relacionadas
| N.º | Elemento de UI específico o función |
|---|---|
| 1 | Text Fields: campo de texto Elemento de interfaz de usuario que se utiliza en la aplicación para obtener la entrada del usuario |
| 2 | Tipo de entrada: TextFields Los usuarios pueden asignar propiedades de entrada de teclado mediante el uso de UITextField |
| 3 | Buttons: botones Se utilizan para manejar las acciones del usuario |
| 4 | Label: etiqueta Se utiliza para mostrar contenido estático |
| 5 | Toolbar: barra de herramientas Manipula lo que se muestra en la vista actual |
| 6 | Status Bar: barra de estado Muestra información clave del dispositivo |
| 7 | Navigation Bar: barra de navegación Contiene un controlador de vista que se puede inferir, y el botón de navegación que abre el controlador de navegación |
| 8 | Tab bar: barra de pestañas Generalmente se utiliza para cambiar entre varias subtareas, vistas o modelos dentro de la misma vista. |
| 9 | Image View: vista de imagen Se utiliza para mostrar una secuencia de imágenes simple |
| 10 | Scroll View: vista de desplazamiento Se utiliza para mostrar más contenido del área de la pantalla |
| 11 | Table View: vista de tabla Se utiliza para mostrar datos en una lista desplazable en varias filas o secciones |
| 12 | Vista dividida de iOS (Split View) Se utiliza para mostrar dos paneles en el panel de detalles y la información de control del panel principal |
| 13 | Text View: vista de texto Se utiliza para mostrar información de texto en una lista desplazable que se puede seleccionar y editar |
| 14 | View Transition: transición de vista Cambio entre varias vistas |
| 15 | Pickers: selectores Se utilizan para mostrar la selección de un dato específico de una lista |
| 16 | Switches: interruptores Se utilizan para deshabilitar y habilitar operaciones |
| 17 | Control deslizante de iOS (Sliders) Se utiliza para permitir al usuario elegir un valor correcto dentro del rango de valores permitidos |
| 18 | Diálogos de alerta de iOS (Alerts) Se utilizan para proporcionar información importante al usuario |
| 19 | Iconos de iOS (Icons) Son imágenes que representan acciones o describen cosas relacionadas con la aplicación |