(One intermediate revision by one other user not shown)
Line 43:
Line 43:
== Examples ==
== Examples ==
Here we start with a parent that has a [[VerticalLayout (Component)|VerticalLayout]] component with ForceExpandWidth and ForceExpandHeight set.
Within the Resonite's Essential, there is an UI preset called the "Panel base". This UI preset uses the text component to display texts within the panel.
[[File:Text layout example vertical layout parent.jpeg|800px]]
[[File:Text component.jpg|800px]]
The first child contains text, with no [[LayoutElement (Component)|LayoutElement]].
=== Videos ===
[[File:Text layout example text child.jpeg|800px]]
Here is [[User:ProbablePrime|ProbablePrime]]'s tutorial on Text:
<youtube>lCGfFJYOj3o</youtube>
The second child is an [[Image (Component)|Image]] with a [[LayoutElement (Component)|LayoutElement]] set to its defaults.
[[File:20210515151449 1.jpg|800px]]
As we see, rather than having equally-weighted children, the image child is squashed. In part this is because the image child has no preferred height, but also the text seems to have a preferred height that includes some empty space underneath it.
Setting various values in the LayoutElement of the image child does expand that child. For example, setting its FlexibleHeight to 1 or its PreferredHeight to 100.
Text can be used to explain something, to be descriptive, to notify, and many other things text can be used for. When being effective with text, basic graphic design principles apply even to something simple as text.
Examples
Within the Resonite's Essential, there is an UI preset called the "Panel base". This UI preset uses the text component to display texts within the panel.
