# UILabel text rendering

# Overview

Responsible for basic text rendering, supports ttf fonts and bitmap fonts.

UISprite

# Attributes

# Font

# ttf font

fontFamily: String type, the name of the ttf font, usually used for runtime settings.

Note: Different ttf fonts have different aliases on different platforms. It is necessary to obtain Font resources to set the fontFamily returned after parsing ttf. Invalid fontFamily will use the system font to render.

font: Font font type, use the ttf font used by this type of resource to render, and fontFamily will be set at the same time when setting.

# Bitmap font

bitmapFont: BitmapFont font type, use the bitmap font used by this type of resource to render.

Note: The default characters in bitmap fonts will be rendered using system characters; it can be combined with bitmapFontUseFontSize (whether to use component font size instead of resource font size), and bitmapFontUseFontColor (whether to use component font color). .

When the three font attributes are used at the same time, the priority in effect: bitmapFont> font> fontFamily

# Typesetting

# Instructions

# Code usage

UILabel is a rendering component, so it needs to be mounted on a non-rendering node.

const entity = engine.Entity.createEntity2D("UILabel");
const label = entity.addComponent(engine.UILabel);
label.text = "Hello World";
label.fontSize = 40;
// ...

# Editor use

Right click-UI-New Label

# Use Cases

Use various rendering elements