How to get a Label with wrapped text?

Question

I ave tried the following code:

Label label = new Label(reallyLongString, skin);
label.setWrap(true);
label.setWidth(100); // or even as low as 10
table.add(label);
...

and yet all I get is a very wide line that draws off the screen. How to get a Label with wrapped text?

score 35 · Accepted Answer · edited Apr 18 '19 at 18:45

35

This is the same issue as seen in slider always has default width or "Slider always has default width".

You need to put that label into a table and add the right size to the cell of the table where the label is.

UI widgets do not set their own size and position. Instead, the parent widget sets the size and position of each child. Widgets provide a minimum, preferred, and maximum size that the parent can use as hints. Some parent widgets, such as Table, can be given constraints on how to size and position the children. To give a widget a specific size in a layout, the widget's minimum, preferred, and maximum size are left alone and size constraints are set in the parent.

Source: From the libgdx wiki Scene2D

The solution:

Label label = new Label(reallyLongString, skin);
label.setWrap(true);
label.setWidth(100); // or even as low as 10
table.add(label).width(10f);// <--- here you define the width

edited Apr 18 '19 at 18:45

double-beep

5,031
17
33
41

answered Sep 01 '13 at 10:27

bemeyer

6,154
4
36
86

Instead of a Table I use [this WidgetGroup implementation](https://github.com/MobiDevelop/maps-editor/blob/master/maps-editor/src/com/mobidevelop/maps/editor/ui/HorizontalFlowGroup.java) (see [this question](http://stackoverflow.com/questions/20303378/need-an-analog-for-inline-block-from-css-in-scene2d-ui) for explanation why I need it). Is it only possible to wrap text in a Label that is inside a Table, or could any WidgetGroup implementation provide that functionality? – gvlasov Dec 16 '13 at 00:33
1

I would give it a try because it is based on the same system. So i think the group should also provide the same features. Regualy you set the width of the container and not of the labele or what ever itself. That should also be the rule for groups – bemeyer Dec 16 '13 at 09:36
This method is not available in the case of TextButtons – salih kallai Jan 01 '17 at 14:02

score 4 · Answer 2 · edited Apr 18 '19 at 18:46

4

I've found that the following code can solve the issue without any table or wrapping container (for libgdx-1.9.6):

label = new Label("Some label", skin);
label.setPosition(600, 50);
label.setWidth(200);
label.setHeight(50);
label.setWrap(true);
stage.addActor(label);

edited Apr 18 '19 at 18:46

double-beep

5,031
17
33
41

answered Jul 31 '17 at 21:03

Vokail

630
8
27

score 2 · Answer 3 · answered Mar 14 '17 at 19:10

If you just want to specify the preferred size for a single widget, wrap it with a Container.

https://github.com/libgdx/libgdx/wiki/Scene2d.ui#layout-widgets

https://libgdx.badlogicgames.com/nightlies/docs/api/com/badlogic/gdx/scenes/scene2d/ui/Container.html

Something like:

Container<Label> labelContainer = new Container(myLabel);
labelContainer.prefWidth(200.0f);

Keep in mind that the actual size will vary depending on the container hierarchy - for example, the labelContainer above will display differently if placed in another layout object.

The size will also vary depending on the viewport, etc.

How to get a Label with wrapped text?

3 Answers3

Linked