Система Flash UI/Локализация UI - История изменений

Alex626 в 11:18, 28 сентября 2016

2016-09-28T11:18:20Z

← Предыдущая		Версия 11:18, 28 сентября 2016
Строка 116:		Строка 116:

	{{Примечание\|You have to reload the UI elements after switching to a different language.}}		{{Примечание\|You have to reload the UI elements after switching to a different language.}}
		+
		+
		+	[[Категория:CryEngine 3 Free SDK:Пользовательский интерфейс]]

DCamer в 20:46, 13 марта 2012

2012-03-13T20:46:38Z

← Предыдущая		Версия 20:46, 13 марта 2012
Строка 59:		Строка 59:
	Понадобятся два файла:		Понадобятся два файла:

-	* gfxfontlib.gfx - ~~Font library~~.	+	* gfxfontlib.gfx - Библиотека шрифта.
-	* gfxfontlib_glyphs.gfx - ~~Glyph set~~.	+	* gfxfontlib_glyphs.gfx - Набор глифов.

-	~~The~~ '''gfxfontlib.gfx''' ~~defines all your fonts that are used in your UI~~.	+	Файл '''gfxfontlib.gfx''' определяет все ваши шрифты, которые используются в вашем интерфейсе.

-	~~Since exported fonts in flash always hold every glyph for the chosen font it is necessary to create a '''~~gfxfontlib_glyphs.gfx''' ~~file that allows embedding only the glyphs you want~~.	+	Так как экспортированные шрифты в Flash всегда содержат каждый глиф для выбранного шрифта необходимо создать файл "gfxfontlib_glyphs.gfx'' ''', что позволит встраивать только те глифы, которые вы хотите.

-	=== ~~Setup~~ gfxfontlib_glyphs.gfx ===	+	=== Настройка gfxfontlib_glyphs.gfx ===
-	~~This file holds every glyph for every font that is used in the~~ UI.<br />	+	Этот файл содержит каждый глиф для каждого шрифта, используемого в UI.<br />
-	~~Create a new flash file and name it~~ '''gfxfontlib_glyphs.fla'''.<br />	+	Создайте новый Flash-файл и назовите его '''gfxfontlib_glyphs.fla'''.<br />
	Create Dynamic Textboxes on the stage for each font and font-style and embed the needed characters.		Create Dynamic Textboxes on the stage for each font and font-style and embed the needed characters.

DCamer в 19:03, 9 марта 2012

2012-03-09T19:03:17Z

← Предыдущая		Версия 19:03, 9 марта 2012
Строка 20:		Строка 20:

	== Таблица перевода ==		== Таблица перевода ==
-	Таблица перевода UI ~~are located under:~~ <tt>Game\Languages.xml</tt>. ~~The system loads all xml files in this folder on start~~-~~up or on language change~~.	+	Таблица перевода UI хранится в <tt>Game\Languages.xml</tt>. Система загружает все XML-файлы из этой папки при запуске или при смене языка.<br />
-	~~Translation tables for each language must be stored under:~~ <tt>Game\Localized\<~~Language~~>.pak\Languages.xml</tt>.	+	Таблицs перевода для каждого языка должны быть сохранены в <tt>Game\Localized\<Язык>.pak\Languages.xml</tt>.<br />
-	~~For~~ UI ~~translation the tables must have a column~~ '''"KEY"''', '''"ORIGINAL TEXT"''' ~~and~~ '''"TRANSLATED TEXT"'''.	+	Для перевода UI в таблицах имеются колонки '''"KEY"''', '''"ORIGINAL TEXT"''' и '''"TRANSLATED TEXT"'''.

	[[Файлы:Translation.png]]		[[Файлы:Translation.png]]

-	== ~~Pass localized string at runtime~~ ==	+	== Передача локализованной строки во время выполнения ==
-	~~A label is also translated if it is passed as string to a dynamic textfield via~~ <tt>~~Code~~\~~FlowGraph~~\LUA</tt>.	+	Метки (''Label'') также подвергаются переводу, если они передаются как строки в динамические текстовые поля через <tt>Код\Flow Graph\LUA</tt>.

	{{Код\|заголовок=UIElements.xml\|блок=<source lang="xml"><UIElement name="MyElement">		{{Код\|заголовок=UIElements.xml\|блок=<source lang="xml"><UIElement name="MyElement">

-	<GFx file=" MyElement.gfx" layer="2" alpha="1" >	+	<GFx file="MyElement.gfx" layer="2" alpha="1" >
	<Constraints>		<Constraints>
	<Align mode="fullscreen" />		<Align mode="fullscreen" />
Строка 38:		Строка 38:

	<variables>		<variables>
-	<variable name=" MyTextbox " varname="_root.TextLayer.TextBox.text"/>	+	<variable name="MyTextbox" varname="_root.TextLayer.TextBox.text"/>
	</variables>		</variables>

Строка 46:		Строка 46:
	If (pFlashUI)		If (pFlashUI)
	{		{
-	IUIElement* pElement = pFlashUI->GetUIElement(~~“MyElement”~~);	+	IUIElement* pElement = pFlashUI->GetUIElement("MyElement");
	If (pElement)		If (pElement)
-	pUIElement->SetVariable(~~“MyTextbox”~~, SUIArguments(“@~~somelabel”~~));	+	pUIElement->SetVariable("MyTextbox", SUIArguments("@любая_метка"));
	}</source>}}		}</source>}}

-	== ~~Fontlibs and glyph sets~~ ==	+	== Библиотеки шрифтов и наборы глифов ==
-	~~It is recommended to use one font library and glyph set for all flash assets~~. ~~One reason is to save memory since you don’t want to embed every font in every flash file~~. ~~This technique also allows embedding different glyph sets for different languages~~.	+	Рекомендуется использовать '''одну''' библиотеку шрифтов и набор глифов для всех Flash-ассетов. Одна из причин — меньше требование памяти, поскольку вам не придётся встраивать каждый шрифт в каждый Flash-файл. Также этот метод позволяет встраивать различные наборы глифов в разные языки.

-	~~It also makes sure that your corporate design is consistent over all UI assets and changes are even easier since it is only necessary to change two files to switch the font for the whole~~ UI.	+	Они также гарантируют, что вашему фирменному стилю будут соответствовать все ассеты UI, и изменить его легче простого, поскольку надо изменить всего лишь два файла для смены шрифта всего интерфейса.

-	=== ~~Setup~~ gfxfontlib ~~and~~ gfxfontlib_glyphs ====	+	=== Настройка gfxfontlib и gfxfontlib_glyphs ====
-	~~There are two files that are needed~~:	+	Понадобятся два файла:

	* gfxfontlib.gfx - Font library.		* gfxfontlib.gfx - Font library.

DCamer в 17:31, 9 марта 2012

2012-03-09T17:31:11Z

Внесённые изменения

DCamer в 16:31, 9 марта 2012

2012-03-09T16:31:18Z

← Предыдущая		Версия 16:31, 9 марта 2012
Строка 1:		Строка 1:
-	<~~parsererror~~>~~Ошибка синтаксического анализа XML: несоответствующий тег~~. ~~Ожидается: </table>~~. ~~Адрес: http://wiki~~.~~crymod~~.~~net/index~~.~~php?title~~=~~%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_Flash_UI/%D0%9B%D0%BE%D0%BA%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_UI&action~~=~~edit&redlink~~=~~1 Строка 138, символ 52~~:<~~sourcetext~~>~~<div class=~~"~~panelMacro~~"~~><table class=~~"~~infoMacro~~"~~></colgroup><tbody><tr><td valign~~="~~top~~"~~><img src~~="~~http://freesdk.crydev~~.~~net/images/icons/emoticons/information.gif~~" ~~alt~~="" ~~border~~="0" ~~height~~="16" ~~width~~="16" ~~align~~="~~absmiddle~~"/~~><~~/~~td><td><b>Note<~~/~~b&gt~~;~~<br/&gt~~;If ~~you~~ use ~~translation labels~~ for ~~static textboxes~~ you ~~have~~ to ~~make them dynamic! Otherwise~~ the ~~translation doesn't work~~.~~</td></tr></tbody></table></div> ------------~~---------------------~~------------------^~~<~~/sourcetext></parsererror~~>	+	CryENGINE comes with a localization system that allows text localization for the UI. The [SDKDOC3:Localization] System is documented within the Asset Creation Manual.
		+
		+	Besides string localization it is also possible to use different font and glyph sets for each language.
		+
		+	== Basic folder structure ==
		+	{\| class="crytable"
		+	! Folder !! Description
		+	\|-
		+	\| Game\Libs\UI\*.gfx \|\| Flash assets
		+	\|-
		+	\| Game\Localized\<language>.pak\Libs\UI\gfxfontlib.gfx \|\| Font lib for each language
		+	\|-
		+	\| Game\Localized\<language>.pak\Libs\UI\gfxfontlib_glyphs.gfx \|\| Glyph set for each language
		+	\|-
		+	\| Game\Localized\<language>.pak\Languages\*.xml \|\| Translation tables
		+	\|}
		+
		+	== String Localization ==
		+	UI string translations are stored in xml excel sheets. It simply stores labels (keys) and translation.
		+
		+	== Translation table ==
		+	The UI translation tables are located under: {{Game\Languages.xml}}. The system loads all xml files in this folder on start-up or on language change.
		+	Translation tables for each language must be stored under: {{Game\Localized\<Language>.pak\Languages.xml}}.
		+	For UI translation the tables must have a column "KEY", "ORIGINAL TEXT" and "TRANSLATED TEXT".
		+
		+	!translation.png!
		+
		+	== Pass localized string at runtime ==
		+	A label is also translated if it is passed as string to a dynamic textfield via {{Code\FlowGraph\LUA}}.
		+
		+	{code:title=uielements.xml} <UIElement name="MyElement">
		+
		+	<GFx file=" MyElement.gfx" layer="2" alpha="1" >
		+	<Constraints>
		+	<Align mode="fullscreen" />
		+	</Constraints>
		+	</GFx>
		+
		+	<variables>
		+	<variable name=" MyTextbox " varname="_root.TextLayer.TextBox.text"/>
		+	</variables>
		+
		+	</UIElement>
		+	{code}
		+
		+	{code:title=cpp}IFlashUIPtr pFlashUI = GetIFlashUIPtr();
		+	If (pFlashUI)
		+	{
		+	IUIElement* pElement = pFlashUI->GetUIElement(“MyElement”);
		+	If (pElement)
		+	pUIElement->SetVariable(“MyTextbox”, SUIArguments(“@somelabel”));
		+	}
		+	{code}
		+
		+	== Fontlibs and glyph sets ==
		+	It is recommended to use one font library and glyph set for all flash assets. One reason is to save memory since you don’t want to embed every font in every flash file. This technique also allows embedding different glyph sets for different languages.
		+
		+	It also makes sure that your corporate design is consistent over all UI assets and changes are even easier since it is only necessary to change two files to switch the font for the whole UI.
		+
		+	=== Setup gfxfontlib and gfxfontlib_glyphs ====
		+	There are two files that are needed:
		+
		+	* gfxfontlib.gfx - Font library.
		+	* gfxfontlib_glyphs.gfx - Glyph set.
		+
		+	The gfxfontlib.gfx defines all your fonts that are used in your UI.
		+
		+	Since exported fonts in flash always hold every glyph for the chosen font it is necessary to create a gfxfontlib_glyphs.gfx file that allows embedding only the glyphs you want.
		+
		+	=== Setup gfxfontlib_glyphs.gfx ===
		+	This file holds every glyph for every font that is used in the UI.
		+	Create a new flash file and name it gfxfontlib_glyphs.fla.
		+	Create Dynamic Textboxes on the stage for each font and font-style and embed the needed characters.
		+
		+	!glyph_file_1.png!
		+
		+	Create an empty dummy MovieClip and mark it for “Export for runtime sharing”.
		+
		+	!glyph_file_2.png!
		+
		+	Export the gfxfontlib_glyphs.swf file with the following command:
		+
		+	{code}gfxexport.exe -c -i DDS -share_images -rescale hi gfxfontlib_glyphs.swf
		+	{code}
		+
		+	=== Setup gfxfontlib.gfx ===
		+	This file defines all fonts and font-styles for the UI.
		+	Create a new flash file and name it gfxfontlib.fla. Create new font symbols for each font and font-style in the library (Right-Click -> New font)
		+	Choose font and style, give it a name and mark “Export for runtime sharing”
		+
		+	!fontlib_1.png!
		+
		+	Create an empty MovieClip and mark it as “import for runtime sharing” (or just copy and paste the dummy MovieClip from the gfxfontlib_glyphs.fla). This step is necessary to create a dependency to the glyph file.
		+
		+	!fontlib_2.png!
		+
		+	Export the gfxfontlib.swf file with the following command:
		+
		+	{code}gfxexport.exe -c -i DDS -share_images -rescale hi -strip_font_shapes gfxfontlib.swf
		+	{code}
		+
		+	=== Import fonts to any flash asset ===
		+	Finally you need to import the exported fonts from gfxfontlib.gfx to your flash assets. You can just copy and paste them.
		+
		+	!flash_asset1.png!
		+
		+	Export your flash assets with the following command:
		+
		+	{code}gfxexport.exe -c -i DDS -share_images -rescale hi -strip_font_shapes *.swf
		+	{code}
		+
		+	To use the fonts on your textboxes just choose them in the font dropdown list.
		+
		+	!flash_asset2.png!
		+
		+	{info:title=Note}If you use translation labels for static textboxes you have to make them dynamic! Otherwise the translation doesn't work.{info}
		+
		+	== Different font libraries and glyph sets for different languages ==
		+	Just create gfxfontlib.gfx and gfxfontlib_glyphs.gfx files for each language and place them under:
		+	{{Game\Localized\<language>.pak\Libs\UI}}
		+
		+	{info:title=Note}You have to reload the UI elements after switching to a different language.{info}

DCamer: Новая страница: «Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </table>. Адре...»

2012-03-09T16:19:41Z

Новая страница: «<parsererror>Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </table>. Адре...»

Новая страница

<parsererror>Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </table>. Адрес: http://wiki.crymod.net/index.php?title=%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_Flash_UI/%D0%9B%D0%BE%D0%BA%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_UI&action=edit&redlink=1 Строка 138, символ 52:<sourcetext><div class="panelMacro"><table class="infoMacro"></colgroup><tbody><tr><td valign="top"><img src="http://freesdk.crydev.net/images/icons/emoticons/information.gif" alt="" border="0" height="16" width="16" align="absmiddle"/></td><td><b>Note</b><br/>If you use translation labels for static textboxes you have to make them dynamic! Otherwise the translation doesn't work.</td></tr></tbody></table></div> ---------------------------------------------------^</sourcetext></parsererror>