4D para Tutorial Móvel – Escolha um Controle de Entradas

Os formatadores permitem formatar os dados apresentados ou definir o comportamento quando o utilizador toca nos dados. Os controles de entrada seguem o mesmo princípio. Permitem-lhe selecionar o tipo de teclado, definir o comportamento, ou formatar os dados numa forma de ação.

Por exemplo, para dados de imagem, tem como padrão dois tipos de controle, o primeiro permite selecionar uma imagem ou tirar uma fotografia, e o segundo exibe uma zona para assinar.

Existem 3 tipos de controlos de entrada:

• embutidos,
• com código Swift ou Kotlin,
• lista de escolha.

Controle de entrada incorporado

Consoante o tipo de dados, são propostos diferentes widgets. Por exemplo, para o formato de imagem, tem dois controles de entrada, ou para tirar uma fotografia, selecionar uma imagem na galeria, ou exibir uma área para assinar.

Neste vídeo, mostraremos vários controles de entrada, alguns permitindo configurar o teclado e outros para ler um código de barras ou para tomar uma assinatura.

Controle de entrada com código (Swift ou Kotlin)

Pode interagir facilmente com aplicações nativas integradas, utilizando controles de entrada personalizados. Para fazer isso, pode criar os seus próprios controles de entrada com código nativo ou descarregar alguns controles de entrada da nossa galeria, dependendo do que necessita para a sua aplicação.

Este vídeo mostra como obter um número de telefone e e-mail a partir da sua lista de contatos móveis. E também para obter automaticamente as coordenadas GPS e o endereço.

Controle de entrada com base na lista de escolha

Para alguns dados, pretende que o utilizador escolha um valor de uma lista, por exemplo, para definir o estado de uma tarefa. Para isso, existem dois tipos de listas de escolha:

• Lista de escolha utilizando um arquivo manifest.json e
• lista de escolha com base em fontes de dados.

Este vídeo mostra como criar listas com um arquivo JSON para propor uma lista de imagens ou textos. Em seguida, dois exemplos com listas baseadas em dados da base de dados.

A seguir…

Voilà! Agora já sabe como definir um controle de entrada na sua aplicação móvel. Para ir mais longe, pode continuar com o blog ou com a documentação.