4D für Mobile: Benutzerdefinierte Datenformatierer für helle und dunkle Erscheinungsbilder

Seit einiger Zeit können Sie Ihre eigenen benutzerdefinierten Datenformatierer erstellen und Strings, Boolesche oder ganze Zahlen in Ihrer generierten App in Bilder umwandeln.

Mit dieser neuen Funktion in 4D v19 R2 können Sie die Vorteile dieser Formatierer für iOS und Android voll ausschöpfen und dafür sorgen, dass die Bilder sowohl in hellen als auch in dunklen Umgebungen gut aussehen.

Mal sehen, wie das geht!

Sie können dies auf drei verschiedene Arten tun:

• Verwendung schwarzer und weißer Farben
• Verwendung unterschiedlicher Bilder je nach aktivem Modus
• eine Mischung aus den beiden oben genannten Optionen

Verwendung von Schwarz-Weiß-Farben

Mit dieser Option erhalten Sie farboptimierte Bilder je nach dem auf Ihrem mobilen Gerät eingestellten Modus (hell oder dunkel).


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

Für alle Ihre klassischen Formatierer sollte die Datei formatter manifest.json bereits die folgenden Informationen enthalten :

• eine „choiceList“, die die Werte enthält, die durch Bilder ersetzt werden sollen
• Eigenschaften von Bildern (oder Assets) wie „Größe“

Der wesentliche Unterschied besteht darin, dass der Schlüssel „tintable“ auf „true“ gesetzt ist, so dass die Bildfarbe (schwarz oder weiß) dynamisch an den Themenmodus der Benutzeroberfläche angepasst werden kann.

So sieht es auf Ihrem Telefon aus, wenn Sie den Modus wechseln:

Unterschiedliche Bilder je nach Modus verwenden

Mit dieser Option können Sie verschiedene optimierte Bilder einstellen, die je nach dem auf Ihrem mobilen Gerät eingestellten Modus angezeigt werden.


{ "name": "textToImage",
"type": ["text"],
"binding": "imageNamed",
"choiceList": {"clear": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"},
"assets": {
"size": 54
}
}

Hier ist der Formatierer derselbe wie im vorherigen Beispiel. Was sich ändert, ist der Name des Bildes. Wenn ein Bild mit dem Suffix „_dark“ versehen ist, wird es für den dunklen Modus verwendet.

Beispiel: „clear_dark.png“ wird als die dunkle Version von „clear.png“ festgelegt.

Hier ist das Ergebnis:

Beide Optionen mischen

Diese Option ermöglicht es Ihnen, die Vorteile der beiden vorherigen Optionen zu nutzen. Das bedeutet, dass Sie den Schlüssel „tintable“ auf „true“ setzen und gleichzeitig optimierte Bilder und Farben festlegen können, die je nach dem auf Ihrem mobilen Gerät eingestellten Modus angezeigt werden.

Jetzt können Sie Ihre Formatierer verwenden, egal ob Ihr iOS- oder Android-Gerät im dunklen oder hellen Modus ist.

Ja, diese Funktion ist auch auf Android verfügbar!

Zögern Sie nicht, uns im 4D Forum Feedback zu geben, und lesen Sie die entsprechende Dokumentation für weitere Details.