Как сделать текст в юнити

«Обогащенный» текст (Rich Text)

The text for UI elements and text meshes can incorporate multiple font styles and sizes. Rich text is supported both for the UI System and the legacy GUI system. The Text, GUIStyle, GUIText and TextMesh classes have a Rich Text setting which instructs Unity to look for markup tags within the text. The Debug.Log function can also use these markup tags to enhance error reports from code. The tags are not displayed but indicate style changes to be applied to the text.

Формат разметки

Система разметки текста в Unity была создана на основе HTML, однако при этом строгая совместимость со стандартным HTML не подразумевается. Основная идея заключается в том, что фрагменты текста можно заключать в пару согласующихся друг с другом тегов:-

We are not amused

Размеченный фрагмент текста (включая оборачивающие его теги) также называется элементом.

Вложенные элементы

Существует возможность применять более одного стиля к фрагменту текста при помощи «вложения» одних элементов в другие.

We are definitely not amused

Тег i задает фрагменту курсивный стиль шрифта, отображающийся на экране следующим образом:

We are **definitely not** amused

Обратите внимание, что порядок закрывающих тегов противоположен порядку открывающих. Причину этого проще понять, если вы примете во внимание тот факт, что внутренние теги не обязательно должны распространяться на весь текст вплоть до последнего элемента

We are absolutely definitely not amused

дает следующий результат:

We are absolutely definitely not amused

Параметры тегов

Some tags have a simple all-or-nothing effect on the text but others might allow for variations. For example, the color tag needs to know which color to apply. Information like this is added to tags by the use of parameters:-

We are green with envy

Note that the ending tag doesn’t include the parameter value. Optionally, the value can be surrounded by quotation marks but this isn’t required.

Поддерживаемые теги

The following list describes all the styling tags supported by Unity.

TagОписаниеШестнадцатиричный кодNotes
bRenders the text in boldface.We are not amused.
iRenders the text in italics.We are usually not amused.
sizeSets the size of the text according to the parameter value, given in pixels.We are largely unaffected.Although this tag is available for Debug.Log, you will find that the line spacing in the window bar and Console looks strange if the size is set too large.
Название цветаSets the color of the text according to the parameter value. The color can be specified in the traditional HTML format. #rrggbbaa …where the letters correspond to pairs of hexadecimal digits denoting the red, green, blue and alpha (transparency) values for the color. For example, cyan at full opacity would be specified by Another option is to use the name of the color. This is easier to understand but naturally, the range of colors is limited and full opacity is always assumed. The available color names are given in the table below.
Название цветаШестнадцатиричный кодПример
aqua (same as cyan)#00ffffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
black#000000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
blue#0000ffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
brown#a52a2affКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
cyan (same as aqua)#00ffffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
darkblue#0000a0ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
fuchsia (same as magenta)#ff00ffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
green#008000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
grey#808080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
lightblue#add8e6ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
lime#00ff00ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
magenta (same as fuchsia)#ff00ffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
maroon#800000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
navy#000080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
olive#808000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
orange#ffa500ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
purple#800080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
red#ff0000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
silver#c0c0c0ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
teal#008080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
white#ffffffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
yellow#ffff00ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити

material

This is only useful for text meshes and renders a section of text with a material specified by the parameter. The value is an index into the text mesh’s array of materials as shown by the inspector.

We are texturally amused

quad

This selects the material at position in the renderer’s material array and sets the height of the image to 20 pixels. The rectangular area of image starts at given by the x, y, width and height values, which are all given as a fraction of the unscaled width and height of the texture.

Editor GUI

Rich text is disabled by default in the editor GUI system but it can be enabled explicitly using a custom GUIStyle. The richText property should be set to true and the style passed to the GUI function in question:-

Источник

Как сделать текст в юнити

The Text control displays a non-interactive piece of text to the user. This can be used to provide captions or labels for other GUI controls or to display instructions or other text.

Как сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнитиA Text element.

Свойства

Как сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити

Свойство:Функция:
TextThe text displayed by the control.
Character
Font __ | The Font used to display the text. | |Font Style__The style applied to the text. The options are Normal, Bold, Italic and Bold And Italic.
Font SizeThe size of the displayed text.
Line SpacingThe vertical separation between lines of text.
Rich TextShould markup elements in the text be interpreted as Rich Text styling?
Paragraph
AlignmentThe horizontal and vertical alignment of the text.
Align by GeometryUse the extents of glyph geometry to perform horizontal alignment rather than glyph metrics.
Horizontal OverflowThe method used to handle the situation where the text is too wide to fit in the rectangle. The options are Wrap and Overflow.
Vertical OverflowThe method used to handle the situation where wrapped text is too tall to fit in the rectangle. The options are Truncate and Overflow.
Best FitShould Unity ignore the size properties and simply try to fit the text to the control’s rectangle?
ColorЦвет, используемый для отображение текста.
MaterialThe Material used to render the text.

Детали

Some controls (such as Buttons and Toggles have textual descriptions built-in. For controls that have no implicit text (such as Sliders, you can indicate the purpose using a label created with a Text control. Text is also useful for lists of instructions, story text, conversations and legal disclaimers.

The Text control offers the usual parameters for font size, style, etc, and text alignment. When the Rich Text option is enabled, markup elements within the text will be treated as styling information, so you can have just a single word or short section in boldface or in a different color, say (see the page about Rich Text for details of the markup scheme).

Источник

GUI Text (Legacy UI Component)

GUI Text displays text of any font you import in screen coordinates.

Как сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити

Please Note: This component relates to legacy methods for drawing UI textures and images to the screen. You should use Unity’s up-to-date UI system instead. This is also unrelated to the IMGUI system.

Свойства

Свойство:Функция:
TextThe string to display.
AnchorThe point at which the Text shares the position of the Transform.
AlignmentHow multiple lines are aligned within the GUIText.
Pixel OffsetOffset of the text relative to the position of the GUIText in the screen.
Line SpacingHow much space will be in-between lines of Text.
Tab SizeHow much space will be inserted for a tab (‘\t’) character. As a multiplum of the space character offset.
FontThe Font to use when rendering the text.
MaterialReference to the Material containing the characters to be drawn. If set, this property overrides the one in the Font asset.
Font SizeThe font size to use. Set to 0 to use the default font size. Only applicable for dynamic fonts.
Font StyleThe font style to use. (Normal, Bold, Italic or Bold and Italic). Only applicable for dynamic fonts.
Pixel CorrectIf enabled, all Text characters will be drawn in the size of the imported font texture. If disabled, the characters will be resized based on the Transform’s Scale.
Rich TextIf enabled, allows HTML-style tags for text formatting.

Детали

GUI Texts are used to print text onto the screen in 2D. The Camera has to have a GUI Layer attached in order to render the text. Cameras include a GUI Layer by default, so don’t remove it if you want to display a GUI Text. GUI Texts are positioned using only the X and Y axes. Rather than being positioned in World Coordinates, GUI Texts are positioned in Screen Coordinates, where (0,0) is the bottom-left and (1,1) is the top-right corner of the screen. To add a GUIText component in Unity 5.0, first use GameObject->Create Empty to create an empty game object, then use the Component->Rendering->GUIText option to add the GUIText component to the newly created game object. If the text isn’t visible when you press Play, check that the transform has suitable position, typically (0.5, 0.5, 0.0).

To import a font see the Font page.

To use Rich Text see the Rich Text page.

Pixel Correct

By default, GUI Texts are rendered with Pixel Correct enabled. This makes them look crisp and they will stay the same size in pixels independent of the screen resolution.

Источник

«Обогащенный» текст (Rich Text)

The text for UI elements and text meshes can incorporate multiple font styles and sizes. Rich text is supported both for the UI System and the legacy GUI system. The Text, GUIStyle, GUIText and TextMesh classes have a Rich Text setting which instructs Unity to look for markup tags within the text. The Debug.Log function can also use these markup tags to enhance error reports from code. The tags are not displayed but indicate style changes to be applied to the text.

Формат разметки

Система разметки текста в Unity была создана на основе HTML, однако при этом строгая совместимость со стандартным HTML не подразумевается. Основная идея заключается в том, что фрагменты текста можно заключать в пару согласующихся друг с другом тегов:-

We are not amused

Размеченный фрагмент текста (включая оборачивающие его теги) также называется элементом.

Вложенные элементы

Существует возможность применять более одного стиля к фрагменту текста при помощи «вложения» одних элементов в другие.

We are definitely not amused

Тег i задает фрагменту курсивный стиль шрифта, отображающийся на экране следующим образом:

We are definitely not amused

Обратите внимание, что порядок закрывающих тегов противоположен порядку открывающих. Причину этого проще понять, если вы примете во внимание тот факт, что внутренние теги не обязательно должны распространяться на весь текст вплоть до последнего элемента

We are absolutely definitely not amused

дает следующий результат:

We are absolutely definitely not amused

Параметры тегов

Some tags have a simple all-or-nothing effect on the text but others might allow for variations. For example, the color tag needs to know which color to apply. Information like this is added to tags by the use of parameters:-

We are green with envy

Note that the ending tag doesn’t include the parameter value. Optionally, the value can be surrounded by quotation marks but this isn’t required.

Поддерживаемые теги

The following list describes all the styling tags supported by Unity.

TagОписаниеШестнадцатиричный кодNotes
bRenders the text in boldface.We are not amused.
iRenders the text in italics.We are usually not amused.
sizeSets the size of the text according to the parameter value, given in pixels.We are largely unaffected.Although this tag is available for Debug.Log, you will find that the line spacing in the window bar and Console looks strange if the size is set too large.
Название цветаSets the color of the text according to the parameter value. The color can be specified in the traditional HTML format. #rrggbbaa …where the letters correspond to pairs of hexadecimal digits denoting the red, green, blue and alpha (transparency) values for the color. For example, cyan at full opacity would be specified by Another option is to use the name of the color. This is easier to understand but naturally, the range of colors is limited and full opacity is always assumed. The available color names are given in the table below.
Название цветаШестнадцатиричный кодПример
aqua (same as cyan)#00ffffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
black#000000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
blue#0000ffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
brown#a52a2affКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
cyan (same as aqua)#00ffffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
darkblue#0000a0ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
fuchsia (same as magenta)#ff00ffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
green#008000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
grey#808080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
lightblue#add8e6ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
lime#00ff00ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
magenta (same as fuchsia)#ff00ffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
maroon#800000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
navy#000080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
olive#808000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
orange#ffa500ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
purple#800080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
red#ff0000ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
silver#c0c0c0ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
teal#008080ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
white#ffffffffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити
yellow#ffff00ffКак сделать текст в юнити. Смотреть фото Как сделать текст в юнити. Смотреть картинку Как сделать текст в юнити. Картинка про Как сделать текст в юнити. Фото Как сделать текст в юнити

material

This is only useful for text meshes and renders a section of text with a material specified by the parameter. The value is an index into the text mesh’s array of materials as shown by the inspector.

We are texturally amused

quad

This selects the material at position in the renderer’s material array and sets the height of the image to 20 pixels. The rectangular area of image starts at given by the x, y, width and height values, which are all given as a fraction of the unscaled width and height of the texture.

Editor GUI

Rich text is disabled by default in the editor GUI system but it can be enabled explicitly using a custom GUIStyle. The richText property should be set to true and the style passed to the GUI function in question:-

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *