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.