4D per dispositivi mobili: Formattatori di dati personalizzati per apparizioni chiare e scure

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.