Stage::GetCurrent().Add( label );
~~~
-~~~{.js}
-// JavaScript
-
-var label = new dali.TextLabel();
-
-label.text = "Hello World";
-label.anchorPoint = dali.TOP_LEFT;
-
-dali.stage.add( label );
-~~~
-
The label must also be added to the stage, or to an actor which is on the stage.
The position of the label on-screen is dependent on the parentOrigin and anchorPoint properties.
| | |
|--|--|
-| (ParentOrigin::TOP_LEFT, AnchorPoint::TOP_LEFT) |   |
+| (ParentOrigin::TOP_LEFT, AnchorPoint::TOP_LEFT) |  |
### Font Selection
label.SetProperty( TextLabel::Property::MULTI_LINE, true );
~~~
-~~~{.js}
-// JavaScript
-
-label.mutliLine = true;
-~~~
-
The text can be either aligned horizontally to the beginning, end, or center of the available area:
~~~{.cpp}
label.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, "BEGIN" ); // "CENTER" or "END"
~~~
-~~~{.js}
-// JavaScript
-
-label.HorizontalAlignment = "BEGIN"; // "CENTER" or "END"
-~~~
-
| | |
|--|--|
| Here is the "BEGIN" alignment shown for left-to-right (Latin) | right-to-left (Arabic) scripts |
-|   |   |
+|  |  |
| Here is the "CENTER" alignment shown for left-to-right (Latin) | right-to-left (Arabic) scripts:|
-|   |   |
+|  |  |
| Here is the "END" alignment shown for left-to-right (Latin) | right-to-left (Arabic) scripts:|
-|   |   |
+|  |  |
label.SetProperty( Toolkit::DevelTextLabel::Property::MATCH_SYSTEM_LANGUAGE_DIRECTION, true );
~~~
-~~~{.js}
-// JavaScript
-
-label.matchSystemLanguageDirection = true;
-~~~
-
| | |
|--|--|
| Current system language direction left-to-right | |
| MATCH_SYSTEM_LANGUAGE_DIRECTION set to TRUE. | MATCH_SYSTEM_LANGUAGE_DIRECTION set to FALSE (default). |
| BEGIN alignment | BEGIN alignment |
-|   |   |
+|  |  |
| CENTER alignment | CENTER alignment |
-|   |   |
+|  |  |
| END alignment | END alignment |
-|   |   |
+|  |  |
| | |
|--|--|
| Current system language direction left-to-right | Current system language direction right-to-left |
-|   |   |
+|  |  |
The examples above assume that the TextLabel size greater than the minimum required.
Stage::GetCurrent().Add( label );
~~~
-~~~{.js}
-// JavaScript
-
-var label = new dali.Textlabel;
-label.text = "Hello World";
-label.anchorPoint = dali.TOP_LEFT;
-
-label.widthResizePolicy = "USE_NATURAL_SIZE";
-label.heightResizePolicy = "USE_NATURAL_SIZE";
-
-label.textColor = dali.COLOR_WHITE;
-// background color not available as it's currently not a property of control
-dali.stage.add( label );
-~~~
-
- 
parent.SetFitHeight( 2 );
~~~
- 
label.SetProperty( TextLabel::Property::TEXT_COLOR, Color::RED );
~~~
-~~~{.js}
-// JavaScript
-
-label.text = "Red Text";
-label.textColor = dali.COLOR_RED;
-~~~
-
- 
#### Drop Shadow
~~~
-~~~{.js}
-// JavaScript
-
-dali.stage.setBackgroundColor( dali.COLOR_BLUE );
-
-label1.text = "Plain Text";
-
-
-label2.text = "Text with Shadow";
-label2.shadow = "{\"offset\":\"1 1\",\"color\":\"black\"}";
-
-label3.text = "Text with Bigger Shadow";
-label3.shadow = "{\"offset\":\"2 2\",\"color\":\"black\"}";
-
-label4.SetProperty( TextLabel::Property::TEXT, "Text with Color Soft Shadow" );
-var shadow = {
- "offset" : [ 1.0, 1.0 ],
- "color" : dali.COLOR_RED;
- "blurRadius" : 2.0
-};
-label4.shadow = shadow;
-
-~~~
-
-
-
-
-
-
label2.SetProperty( TextLabel::Property::UNDERLINE_ENABLED, true );
label2.SetProperty( TextLabel::Property::UNDERLINE_COLOR, Color::GREEN );
~~~
-~~~{.js}
-// JavaScript
-label1.Text = "Text with Underline";
-label1.underlineEnabled = true;
-
-label2.Text = "Text with Color Underline";
-label2.underlineEnabled = true;
-label2.underlineColor = dali.COLOR_GREEN;
-~~~
-
-
-
By default the underline height will be taken from the font metrics, however this can be overridden using the UNDERLINE_HEIGHT property:
label1.SetProperty( TextLabel::Property::UNDERLINE_HEIGHT, 1.0f );
~~~
-~~~{.js}
-// JavaScript
-
-label1.underlineHeight = 1;
-~~~
-
-
### Auto Scrolling
-
The \link text-auto-scrolling Auto text scrolling \endlink section details how to scroll text automatically.
The properties used by TextLabel are listed [here](@ref TextLabelProperties)
-@class TextLabel
*/
projects / platform / core / uifw / dali-toolkit.git / blobdiff