4D pro mobilní zařízení: Vlastní formátovače dat pro světlý a tmavý vzhled

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.