iOS - Elementos da IU
O que são elementos da interface do usuário?
Os elementos da interface do usuário são os elementos visuais que podemos ver em nossos aplicativos. Alguns desses elementos respondem às interações do usuário, como botões, campos de texto e outros são informativos, como imagens, rótulos.
Como adicionar elementos de interface do usuário?
Podemos adicionar elementos de interface do usuário no código e com a ajuda do construtor de interface. Dependendo da necessidade, podemos usar qualquer um deles.
Nosso foco
Estaremos nos concentrando mais na adição de elementos de interface do usuário por meio de código em nossos aplicativos. Usar o construtor de interface é simples e direto, precisamos apenas arrastar e soltar os elementos da IU.
Nossa abordagem
Vamos criar um aplicativo iOS simples e usá-lo para explicar alguns dos elementos da IU.
Step 1 - Crie um aplicativo baseado em visualização como fizemos em nosso primeiro aplicativo iOS.
Step 2 - Estaremos apenas atualizando os arquivos ViewController.he ViewController.m.
Step 3 - Em seguida, adicionamos um método ao nosso arquivo ViewController.m específico para criar o elemento UI.
Step 4 - Chamaremos esse método em nosso método viewDidLoad.
Step 5 - As linhas de código importantes foram explicadas no código com comentários de uma única linha acima dessas linhas.
Lista de elementos de interface do usuário
Os elementos específicos da IU e suas funcionalidades relacionadas são explicados abaixo -
| Sr. Não. | Elementos específicos da interface do usuário |
|---|---|
| 1 | Campos de Texto É um elemento de IU que permite ao aplicativo obter a entrada do usuário. |
| 2 | Tipos de entrada - TextFields Podemos definir o tipo de entrada que o usuário pode fornecer usando a propriedade de teclado de UITextField. |
| 3 | Botões É usado para lidar com as ações do usuário. |
| 4 | Rótulo É usado para exibir conteúdo estático. |
| 5 | Barra de ferramentas É usado se quisermos manipular algo com base em nossa visão atual. |
| 6 | Barra de status Ele exibe as principais informações do dispositivo. |
| 7 | Barra de navegação Ele contém os botões de navegação de um controlador de navegação, que é uma pilha de controladores de visualização que podem ser empurrados e removidos. |
| 8 | Barra de abas Geralmente é usado para alternar entre várias subtarefas, visualizações ou modelos dentro da mesma visualização. |
| 9 | Visualização da imagem É usado para exibir uma imagem simples ou sequência de imagens. |
| 10 | Visualização de rolagem É usado para exibir conteúdo que vai além da área da tela. |
| 11 | Vista de mesa Ele é usado para exibir uma lista rolável de dados em várias linhas e seções. |
| 12 | Vista dividida É usado para exibir dois painéis com painel mestre controlando as informações no painel de detalhes. |
| 13 | Visualização de Texto É usado para exibir uma lista rolável de informações de texto que são opcionalmente editáveis. |
| 14 | Ver Transição Ele explica as várias transições de visualização entre visualizações. |
| 15 | Selecionadores É usado para exibir para selecionar dados específicos de uma lista. |
| 16 | Comuta É usado para desativar e ativar para ações. |
| 17 | Sliders É usado para permitir que os usuários façam ajustes em um valor ou processo em uma faixa de valores permitidos. |
| 18 | Alertas É usado para fornecer informações importantes aos usuários. |
| 19 | Ícones É uma representação de imagem usada para uma ação ou retrata algo relacionado ao aplicativo. |