Da tempo è possibile creare formattatori di dati personalizzati e convertire stringhe, booleani o numeri interi in immagini nelle app generate.
Questa nuova funzione di 4D v19 R2 vi consentirà di sfruttare appieno questi formattatori per iOS e Android e di assicurarvi che le immagini abbiano un bell’aspetto sia in condizioni di luce che di buio.
Vediamo come!
È possibile farlo in tre modi diversi:
- utilizzando colori in bianco e nero
- utilizzando immagini diverse a seconda della modalità attiva
- mescolando le due opzioni precedenti
Usare i colori in bianco e nero
Questa opzione consente di ottenere immagini ottimizzate per i colori a seconda della modalità impostata sul dispositivo mobile (chiara o scura).
{"nome": "textToImage",
"type": ["text"],
"binding": "imageNamed",
"choiceList": {"clear": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"},
"assets": {
"size": 54,
"tintable": true
}
}
Per tutti i formattatori classici, il file manifest.json del formattatore dovrebbe già contenere le seguenti informazioni:
- una “choiceList” che contiene i valori che saranno sostituiti da immagini
- proprietà delle immagini (o delle risorse) come “size” (dimensione)
La differenza significativa è che la chiave “tintable” è impostata su true , in modo che il colore dell’immagine (bianco o nero) possa essere adattato dinamicamente in base alla modalità del tema dell’interfaccia utente.
Ecco cosa si ottiene sul telefono quando si cambia modalità:
Usare immagini diverse a seconda della modalità
Questa opzione consente di impostare diverse immagini ottimizzate da visualizzare a seconda della modalità impostata sul dispositivo mobile.
{"nome": "textToImage",
"type": ["text"],
"binding": "imageNamed",
"choiceList": {"clear": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"},
"assets": {
"size": 54
}
}
In questo caso, il formattatore è lo stesso del precedente. Ciò che cambia è il nome dell’immagine. Se un’immagine ha il suffisso “_dark”, viene utilizzata per la modalità scura.
Esempio: “clear_dark.png” è impostato come versione scura di “clear.png”.
Ecco il risultato:
Miscelazione di entrambe le opzioni
Questa opzione consente di sfruttare le due opzioni precedenti. Ciò significa che è possibile impostare la chiave “tintable” su true e allo stesso tempo specificare immagini e colori ottimizzati da visualizzare in base alla modalità impostata sul dispositivo mobile.
Ora siete pronti a usare i vostri formattatori sia che il vostro dispositivo iOS o Android sia in modalità scura o chiara.
Sì, questa funzione è disponibile anche su Android!
Non esitate a darci un feedback sul forum 4D e consultate la documentazione dedicata per maggiori dettagli.