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

Tradotto automaticamente da Deepl

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”.

blank

Ecco il risultato:

blank

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.

blank

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!

blank

Non esitate a darci un feedback sul forum 4D e consultate la documentazione dedicata per maggiori dettagli.

David Azancot
- Product Owner di 4D per iOS -David Azancot è entrato a far parte del team 4D Product come Product Owner nel 2017. Si occupa di scrivere le storie degli utenti e di tradurle in specifiche funzionali. Il suo ruolo comprende anche la garanzia che le implementazioni delle funzionalità soddisfino le esigenze dei clienti.David si è laureato con un MBA in Marketing, Internet e Mobilità presso l'Istituto Leonard De Vinci e ha iniziato la sua carriera nel 2011 con una start-up mobile, successivamente acquisita da Madvertise (un gruppo di marketing mobile). Appassionato di interfacce mobili, nel 2015 è stato la scelta naturale per sviluppare formati pubblicitari interattivi per dispositivi mobili per il gruppo. Parallelamente, dal 2012 David sviluppa le proprie applicazioni per iOS e Android.