Evolução dos objectos de forma

Para lhe permitir fazer as interfaces mais bonitas, continuamos a melhorar os objetos formulário. Desde 4D v19 R6, é possível definir uma borda arredondada para textos estáticos e objetos de formulário de texto de entrada.

Com 4D v20, estão disponíveis novas possibilidades.

• Para botões, botões de rádio, e caixas de verificação, adicionámos novas definições para o texto e o ícone.
• Para botões de rádio e caixas de verificação, o número de estados para o ícone foi melhorado para permitir uma melhor renderização para o usuário final.

Exemplo de HDI

Posição do texto e do ícone

Alinhamento do texto

A propriedade “Alinhamento do texto” é agora aplicável para botões, botões de rádio, e caixas de verificação. É possível definir o alinhamento do texto com a lista de propriedades, CSS, e OBJECT SET HORIZONTAL ALIGNMENT comando.

Lista de propriedades:

Exemplo CSS:

.align {
    textAlign : à direita;
}

Exemplo de código:

Para o OBJECT SET HORIZONTAL ALIGNMENT pode passar uma das três constantes: Align left, Align right, e Align center.

OBJECT SET HORIZONTAL ALIGNMENT (*; "botão"; Align center)

imagem junto ao Título

A nova propriedade “image hugs title” é adicionada para botões, botões de rádio, e caixas de verificação.

Quando o valor desta propriedade for falso, a imagem é posicionada de acordo com a propriedade “Title/ImagePosition” na borda do botão. Quando esta propriedade for verdadeira, a imagem é posicionada diretamente ao lado do título com base na propriedade “Title/ImagePosition”.

Esta propriedade pode ser definida com a lista de propriedades, CSS, e OBJECT SET FORMAT comando.

Lista de propriedades:

Exemplo CSS:

.abraço {
    imageHugsTitle : falso;
}

Exemplo de código:

Para formatar botões, com o OBJECT SET FORMAT passar uma string respeitando a seguinte sintaxe: ” title; picture; background; titlePos; titleVisible; iconVisible; style; horMargin; vertMargin; iconOffset; popupMenu; hyperlink; numStates; imageHugsTitle“. Se não quiser modificar um valor, não precisa passar o valor.

Para alterar apenas a propriedade imageHugsTitle:

OBJECT SET FORMAT (*; "botão"; ";;;;;;;;;;;;; 0")

Resultado

Aqui estão diferentes exemplos do que podemos alcançar:

Número de estados de ícones

Para botões de rádio e caixas de verificação, antes de 4D v20, pode definir um ícone de quatro estados para os estados Verdadeiro, Falso, Rollover, e Desativar.

Para uma melhor experiência do usuário final, em alguns casos, é necessário o estado de rollover ou de desativação para considerar o estado True ou False. Assim, agora pode usar um ícone de 2 estados até 6 estados.

A seguir…

Consulte esta funcionalidade com o HDI e a documentação para mais detalhes! E como sempre, aguardamos ansiosamente a leitura do seu feedback.