Construtor de cartões para Mobile componentes

Saiba mais sobre os componentes que compõem os cartões móveis

Adição e remoção de componentes

Recipientes

Os componentes de contêineres contêm outros componentes. Um contêiner pode conter qualquer componente de cartão, incluindo outro contêiner. Use contêineres para organizar os componentes do cartão e determinar como os componentes dentro do contêiner são alinhados e distribuídos.

Tabela 1. Propriedades de configuração do contêiner

Propriedade	Descrição
Altura	Altura do contêiner em pixels
Largura	Largura do contêiner em pixels. Se esta propriedade for deixada em branco, o contêiner preencherá o espaço disponível.
Parte superior da margem	A margem superior do contêiner em pixels
Margem inferior	A margem inferior do seu contêiner em pixels
Margem esquerda	A margem esquerda do contêiner em pixels
Margem certa	A margem direita do contêiner em pixels
Raio de canto	O raio do canto do seu contêiner. Aumente este valor para criar cantos arredondados para o contêiner.
Direção do contêiner	Determina a direção da orientação dos componentes dentro do contêiner. Selecione um destes valores: Horizontal Vertical
Alinhamento	Determina o alinhamento dos componentes no contêiner. Selecione um destes valores: Estender Centro Esquerda Direita Superior Parte inferior
Distribuição	Determina a distribuição dos componentes dentro do contêiner. Selecione um destes valores: Igual Automático

Imagens

Componentes de imagem são usados para exibir uma imagem. Você define uma imagem a ser exibida selecionando um campo no registro que contém uma imagem, por exemplo, o campo Avatar em um registro de Usuário.

Tabela 2. Propriedades de configuração de imagem

Propriedade	Descrição
Campo mapeado	O campo no seu registro que contém a imagem. Nota: Ao criar um modelo de cartão, você não poderá selecionar um campo. Esta seleção é feita quando o cartão está associado a uma tela específica.
Altura	Altura da sua imagem em pixels
Largura	Largura da sua imagem em pixels
Raio de canto	O raio do canto da sua imagem. Aumente este valor para criar cantos arredondados para sua imagem.
Margem superior	A margem superior da sua imagem em pixels
Margem direita	A margem direita da sua imagem em pixels
Margem inferior	A margem inferior da sua imagem em pixels
Margem esquerda	A margem esquerda da sua imagem em pixels
Escala	O escalonamento da sua imagem. Selecione um destes valores: Preencher Ajuste

Texto

Os componentes de texto exibem o texto no cartão. Pode ser texto estático ou texto do rótulo de valor de um campo. Use componentes de texto nas informações que os usuários precisam ver primeiro ao exibir listas de registros.

Tabela 3. Propriedades de configuração de texto

Propriedade	Descrição
Tipo de campo	O tipo de campo de texto. Selecione um destes valores: Valor do campo Rótulo do campo Texto estático
Texto do tipo de campo	O texto que aparece no componente de texto. Este valor só é usado quando você seleciona Texto estático na propriedade Tipo de campo.
Campo mapeado	O campo que contém o texto a ser usado. O componente de texto exibirá o rótulo do campo ou o valor do campo, dependendo do que você selecionar na propriedade Tipo de campo. Nota: Ao criar um modelo de cartão, você não poderá selecionar um campo. Esta seleção é feita quando o cartão está associado a uma tela específica.
Altura	Altura do seu componente de texto em pixels
Largura	Largura do componente de texto em pixels
Raio de canto	O raio do canto do seu componente de texto. Aumente este valor para criar cantos arredondados para o componente de texto.
Margem superior	A margem superior do seu componente de texto em pixels
Margem direita	A margem direita do seu componente de texto em pixels
Margem inferior	A margem inferior do seu componente de texto em pixels
Margem esquerda	A margem esquerda do seu componente de texto em pixels
Alinhamento do texto	Alinhamento do texto no seu componente. Selecione um destes valores: Saiu Centro Direita
Número máximo de linhas	O número máximo de linhas para o texto no seu elemento.
Peso da fonte	O peso da fonte do seu texto. Selecione um destes valores: Normal Negrito
Tamanho da fonte	O tamanho da fonte do seu texto. Insira um valor numérico.
Cor do texto	A cor do seu texto. O valor desta propriedade é um código de cor HTML, por exemplo, #A0522D para Sienna. Nota: Você não pode mudar a cor de fundo de um componente de texto, mas pode colocar o componente de texto em um componente de contêiner e mudar a cor de fundo do contêiner.