4D para Móvel: Formatadores de dados personalizados para aparências claras e escuras

Durante algum tempo, foi capaz de criar os seus próprios formatadores de dados personalizados e converter cordas, booleanos, ou inteiros em imagens na sua aplicação gerada.

Esta nova funcionalidade 4D v19 R2 permitir-lhe-á tirar o máximo partido desses formatadores para iOS e Android, e certificar-se de que as imagens têm bom aspecto tanto em aparências claras como escuras.

Vamos ver como!

Pode fazer isto de três maneiras diferentes :

• usando cores preto-e-branco
• utilizando imagens diferentes, dependendo do modo activo
• misturando as duas opções acima

Utilização de cores preto e branco

Esta opção permitir-lhe-á obter imagens com cores optimizadas, dependendo do modo definido no seu dispositivo móvel (claro ou escuro).


{"nome": "textToImage",
"type": ["text"],
"binding": "imageNamed",
"choiceList": {"clear": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"},
"assets": {"tamanho": {
"tamanho": 54,
"tintable": true
}
}

Para todos os seus formatadores clássicos, o ficheiro formatter manifest.json já deve conter as seguintes informações :

• uma “lista de escolha ” que contém os valores que vão ser substituídos por imagens
• propriedades (ou bens) tais como “tamanho”.

A diferença significativa aqui é que a tecla “tintable ” está definida para true , de modo a que a cor da imagem (preto ou branco) possa ser adaptada dinamicamente de acordo com o modo temático da IU.

Eis o que se obtém no telefone quando se muda de modo:

Utilização de imagens diferentes, dependendo do modo

Esta opção permite-lhe definir diferentes imagens optimizadas a serem exibidas, dependendo do modo definido no seu dispositivo móvel.


{"nome": "textToImage",
"type": ["text"],
"binding": "imageNamed",
"chooseList": {"clear": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"},
"assets": {"tamanho": {
"tamanho": 54
}
}

Aqui, o formatador é o mesmo que o anterior. O que muda é o nome da imagem. Se uma imagem for sufixada com “_dark”, é utilizada para o modo escuro.

Exemplo: “clear_dark.png” é definido como a versão escura de “clear.png”.

Aqui está o resultado:

Mistura de ambas as opções

Esta opção permitir-lhe-á tirar partido das duas opções anteriores. Isto significa que pode definir a tecla “tintable ” para true, e ao mesmo tempo especificar imagens e cores optimizadas a serem exibidas, dependendo do modo definido no seu dispositivo móvel.

Está agora pronto a utilizar os formatadores, quer o seu dispositivo iOS e Android esteja no modo escuro ou claro.

Sim, esta funcionalidade também está disponível no Android!

Não hesite em dar-nos feedback sobre o fórum 4D, e consulte a documentação dedicada para mais detalhes.