Již nějakou dobu můžete vytvářet vlastní formátovače dat a převádět řetězce, logické symboly nebo celá čísla na obrázky ve vygenerované aplikaci.
Tato nová funkce 4D v19 R2 vám umožní plně využít tyto formátovače pro iOS a Android a zajistit, aby obrázky vypadaly dobře jak ve světlém, tak ve tmavém vzhledu.
Podívejme se, jak na to!
Můžete to udělat třemi různými způsoby :
- pomocí černé a bílé barvy
- pomocí různých obrázků v závislosti na aktivním režimu
- smícháním dvou výše uvedených možností
Použití černých a bílých barev
Tato možnost vám umožní získat barevně optimalizované obrázky v závislosti na režimu nastaveném v mobilním zařízení (světlý nebo tmavý).
{"name": "textToImage",
"type": ["text"],
"binding": "imageNamed",
"choiceList": {"clear": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"},
"assets": {
"size": 54,
"tintable": true
}
}
Pro všechny vaše klasické formátovače by měl soubor manifest.json formátovače již obsahovat následující informace :
- a „choiceList“, který obsahuje hodnoty, které budou nahrazeny obrázky
- vlastnosti obrázků (nebo aktiv), například „size“ (velikost)
Podstatný rozdíl zde spočívá v tom, že klíč „tintable“ je nastaven na hodnotu true , takže barva obrázku (černá nebo bílá) může být dynamicky přizpůsobena podle režimu tématu uživatelského rozhraní.
Zde vidíte, co se zobrazí v telefonu při přepínání režimů:
Používání různých obrázků v závislosti na režimu
Tato možnost umožňuje nastavit zobrazení různých optimalizovaných obrázků v závislosti na režimu nastaveném v mobilním zařízení.
{"name": "textToImage",
"type": ["text"],
"binding": "imageNamed",
"choiceList": {"clear": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"},
"assets": "čistý": "clear.png", "cloudy": "cloudy.png", "rain": "rain.png"}: {
"size": 54
}
}
Zde je formátovač stejný jako v předchozím případě. Mění se pouze název obrázku. Pokud má obrázek příponu „_dark“, použije se pro tmavý režim.
Příklad: „clear_dark.png“ se nastaví jako tmavá verze souboru „clear.png“.
Zde je výsledek:
Smíchání obou možností
Tato možnost vám umožní využít obě předchozí možnosti. To znamená, že můžete nastavit klíč „tintable “ na hodnotu true a zároveň zadat optimalizované obrázky a barvy, které se mají zobrazit v závislosti na režimu nastaveném v mobilním zařízení.
Nyní jste připraveni používat formátovače bez ohledu na to, zda je vaše zařízení iOS a Android v tmavém nebo světlém režimu.
Ano, tato funkce je k dispozici také v systému Android!
Neváhejte nám poskytnout zpětnou vazbu na fóru 4D a podívejte se do specializované dokumentace, kde najdete další podrobnosti.