2 * Copyright (c) 2017 Samsung Electronics Co., Ltd.
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
8 * http://www.apache.org/licenses/LICENSE-2.0
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
19 * @file text-scrolling-example.cpp
20 * @brief Shows text labels with scrolling text and allows a text label and text field control to be scrolled vertically
24 #include <dali-toolkit/dali-toolkit.h>
25 #include <dali-toolkit/devel-api/controls/buttons/button-devel.h>
28 using namespace Dali::Toolkit;
32 const Vector2 DESKTOP_SIZE( Vector2( 1440.f, 1600.f ) );
33 const Vector2 BOX_SIZE( Vector2(330.0f, 80.0f ) );
34 const Vector2 SCROLLING_BOX_SIZE( Vector2(330.0f, 40.0f ) );
35 const float MAX_OFFSCREEN_RENDERING_SIZE = 2048.f;
36 const float SCREEN_BORDER = 5.0f; // Border around screen that Popups and handles will not exceed
38 const char * ALIGNMENT_TABLE[] =
44 const unsigned int ALIGNMENT_TABLE_COUNT = sizeof( ALIGNMENT_TABLE ) / sizeof( ALIGNMENT_TABLE[ 0 ] );
56 * @brief The main class of the demo.
58 class TextScrollingExample : public ConnectionTracker
62 TextScrollingExample( Application& application )
63 : mApplication( application ),
64 mTargetActorPosition(),
68 // Connect to the Application's Init signal
69 mApplication.InitSignal().Connect( this, &TextScrollingExample::Create );
72 ~TextScrollingExample()
74 // Nothing to do here.
78 void CreateBox( const std::string& name, Actor& box, Actor parent, const Vector2& size )
81 box.SetAnchorPoint( AnchorPoint::CENTER );
82 box.SetParentOrigin( ParentOrigin::CENTER );
83 box.SetResizePolicy( ResizePolicy::FIT_TO_CHILDREN, Dimension::HEIGHT );
84 box.SetResizePolicy( ResizePolicy::FIXED, Dimension::WIDTH );
85 box.SetSize( size.width, 0.f );
88 Dali::Property::Map border;
89 border.Insert( Toolkit::Visual::Property::TYPE, Visual::BORDER );
90 border.Insert( BorderVisual::Property::COLOR, Color::BLUE );
91 border.Insert( BorderVisual::Property::SIZE, 1.f );
92 box.SetProperty( Control::Property::BACKGROUND, border );
95 void CreateLabel( Actor& label, const std::string text, Actor parent, bool scrollOnStart, PushButton button )
97 label = TextLabel::New( text );
98 label.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
99 label.SetResizePolicy( ResizePolicy::DIMENSION_DEPENDENCY, Dimension::HEIGHT );
100 label.SetPadding( Padding( 1.0f, 1.0f, 1.0f, 1.0f ) );
101 label.SetAnchorPoint( AnchorPoint::CENTER );
102 label.SetParentOrigin( ParentOrigin::CENTER );
107 label.SetProperty(TextLabel::Property::ENABLE_AUTO_SCROLL, true);
110 button.SetResizePolicy( ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS );
111 button.SetSize(BOX_SIZE.height,BOX_SIZE.height);
112 button.SetParentOrigin( ParentOrigin::TOP_RIGHT );
113 button.SetAnchorPoint( AnchorPoint::TOP_LEFT );
119 * One-time setup in response to Application InitSignal.
121 void Create( Application& application )
123 Stage stage = Stage::GetCurrent();
124 mStageSize = stage.GetSize();
126 stage.KeyEventSignal().Connect(this, &TextScrollingExample::OnKeyEvent);
129 Actor rootActor = Actor::New();
130 rootActor.SetName("rootActor");
131 rootActor.SetResizePolicy( ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS );
132 rootActor.SetSize( mStageSize );
133 rootActor.SetAnchorPoint( AnchorPoint::TOP_LEFT );
135 stage.Add( rootActor );
137 mAnimation = Animation::New( 1.0f );
139 const Size mTargetActorSize( mStageSize.width, DESKTOP_SIZE.height );
142 Control desktop = Control::New();
143 desktop.SetBackgroundColor( Color::WHITE );
144 desktop.SetName("desktopActor");
145 desktop.SetAnchorPoint( AnchorPoint::TOP_LEFT );
146 desktop.SetResizePolicy( ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS );
147 desktop.SetSize( mTargetActorSize );
149 rootActor.Add( desktop ); // Add desktop (content) to offscreen actor
152 Control boxA = Control::New();
153 Control boxB = Control::New();
154 Control boxC = Control::New();
155 Control boxD = Control::New();
156 Control boxE = Control::New();
158 CreateBox( "boxA", boxA, desktop, BOX_SIZE );
159 boxA.SetPosition( 0.0f, -500.0f, 1.0f );
162 TextField field = TextField::New();
163 field.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
164 field.SetPadding( Padding( 1.0f, 1.0f, 1.0f, 1.0f ) );
165 field.SetAnchorPoint( AnchorPoint::TOP_LEFT );
166 field.SetProperty( TextField::Property::PLACEHOLDER_TEXT, "Enter Folder Name" );
167 field.SetProperty( TextField::Property::DECORATION_BOUNDING_BOX, Rect<int>( SCREEN_BORDER, SCREEN_BORDER, mStageSize.width - SCREEN_BORDER*2, mStageSize.height - SCREEN_BORDER*2 ) );
169 boxA.SetSize(BOX_SIZE);
171 CreateBox( "boxB", boxB, desktop, SCROLLING_BOX_SIZE );
172 boxB.SetPosition( 0.0f, -400.0f, 1.0f );
173 Toolkit::PushButton scrollLargeButton = Toolkit::PushButton::New();
174 scrollLargeButton.ClickedSignal().Connect( this, &TextScrollingExample::OnButtonClickedLarge );
175 CreateLabel( mLargeLabel, "A Quick Brown Fox Jumps Over The Lazy Dog", boxB, false ,scrollLargeButton );
178 CreateBox( "boxC", boxC, desktop, SCROLLING_BOX_SIZE );
179 boxC.SetPosition( 0.0f, -300.0f, 1.0f );
180 Toolkit::PushButton scrollSmallButton = Toolkit::PushButton::New();
181 scrollSmallButton.ClickedSignal().Connect( this, &TextScrollingExample::OnButtonClickedSmall );
182 CreateLabel( mSmallLabel, "Hello Text", boxC , true, scrollSmallButton );
183 mSmallLabel.SetProperty( TextLabel::Property::TEXT_COLOR, Color::BLACK );
184 mSmallLabel.SetProperty( TextLabel::Property::SHADOW_OFFSET, Vector2( 1.0f, 1.0f ) );
185 mSmallLabel.SetProperty( TextLabel::Property::SHADOW_COLOR, Color::CYAN );
187 CreateBox( "boxD", boxD, desktop, SCROLLING_BOX_SIZE );
188 boxD.SetPosition( 0.0f, -200.0f, 1.0f );
189 Toolkit::PushButton scrollRtlButton = Toolkit::PushButton::New();
190 scrollRtlButton.ClickedSignal().Connect( this, &TextScrollingExample::OnButtonClickedRtl );
191 CreateLabel( mRtlLabel, "مرحبا بالعالم", boxD , true, scrollRtlButton );
192 mRtlLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_STOP_MODE, TextLabel::AutoScrollStopMode::IMMEDIATE );
193 mRtlLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_LOOP_DELAY, 0.3f );
195 CreateBox( "boxE", boxE, desktop, SCROLLING_BOX_SIZE );
196 boxE.SetPosition( 0.0f, -100.0f, 1.0f );
197 Toolkit::PushButton scrollRtlLongButton = Toolkit::PushButton::New();
198 scrollRtlLongButton.ClickedSignal().Connect( this, &TextScrollingExample::OnButtonClickedRtlLong );
199 CreateLabel( mRtlLongLabel, " مرحبا بالعالم مرحبا بالعالم مرحبا بالعالم مرحبا بالعالم مرحبا بالعالم مرحبا بالعالم مرحبا بالعالم مرحبا بالعالم مرحبا بالعالم", boxE , false, scrollRtlLongButton );
200 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_SPEED, 500);
201 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_GAP, 500);
202 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_LOOP_COUNT, 3);
203 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_STOP_MODE, TextLabel::AutoScrollStopMode::FINISH_LOOP );
205 mPanGestureDetector = PanGestureDetector::New();
206 mPanGestureDetector.DetectedSignal().Connect(this, &TextScrollingExample::OnPanGesture );
207 mPanGestureDetector.Attach( desktop );
209 Toolkit::PushButton colorButton = Toolkit::PushButton::New();
210 colorButton.SetProperty( Button::Property::TOGGLABLE, true );
211 colorButton.SetProperty( DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, Property::Map().Add ( Toolkit::Visual::Property::TYPE, Visual::COLOR ).Add( ColorVisual::Property::MIX_COLOR, Color::RED ) );
212 colorButton.SetProperty( DevelButton::Property::SELECTED_BACKGROUND_VISUAL, Property::Map().Add ( Toolkit::Visual::Property::TYPE, Visual::COLOR ).Add( ColorVisual::Property::MIX_COLOR, Color::BLACK ) );
213 colorButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
214 colorButton.SetParentOrigin( ParentOrigin::BOTTOM_CENTER );
215 colorButton.SetResizePolicy( ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS );
216 colorButton.SetSize(BOX_SIZE.height,BOX_SIZE.height);
217 colorButton.ClickedSignal().Connect( this, &TextScrollingExample::OnColorButtonClicked );
218 rootActor.Add( colorButton );
220 for( unsigned int i = 0; i < ALIGNMENT_TABLE_COUNT; ++i )
222 Toolkit::RadioButton alignButton = Toolkit::RadioButton::New( ALIGNMENT_TABLE[ i ] );
223 alignButton.ClickedSignal().Connect( this, &TextScrollingExample::OnAlignButtonClicked );
224 alignButton.SetName( ALIGNMENT_TABLE[ i ] );
226 // Place first button to left aligned, second center aligned and third right aligned
227 alignButton.SetAnchorPoint( Vector3( i * 0.5f, 0.0f, 0.5f ) );
228 alignButton.SetParentOrigin( Vector3( i * 0.5f, 0.0f, 0.5f ) );
230 rootActor.Add( alignButton );
234 // Set the first button as selected
235 alignButton.SetProperty( Button::Property::SELECTED, true );
240 void EnableScrolling( Labels labels )
262 label = mRtlLongLabel;
271 if ( labels != NONE )
273 Property::Value value = label.GetProperty( TextLabel::Property::ENABLE_AUTO_SCROLL);
274 if (value.Get< bool >())
276 label.SetProperty( TextLabel::Property::ENABLE_AUTO_SCROLL, false );
280 label.SetProperty( TextLabel::Property::ENABLE_AUTO_SCROLL, true );
285 bool OnButtonClickedSmall( Toolkit::Button button )
287 EnableScrolling( SMALL );
291 bool OnButtonClickedLarge( Toolkit::Button button )
293 EnableScrolling( LARGE );
297 bool OnButtonClickedRtl( Toolkit::Button button )
299 EnableScrolling( RTL );
303 bool OnButtonClickedRtlLong( Toolkit::Button button )
305 EnableScrolling( RTL_LONG );
309 bool OnColorButtonClicked( Toolkit::Button button )
311 Vector4 color = Color::RED;
315 color = Color::BLACK;
316 mToggleColor = false;
323 mSmallLabel.SetProperty( TextLabel::Property::SHADOW_COLOR, Color::BLACK );
324 mSmallLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
325 mRtlLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
326 mLargeLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
327 mRtlLongLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
332 bool OnAlignButtonClicked( Toolkit::Button button )
334 for( unsigned int index = 0; index < ALIGNMENT_TABLE_COUNT; ++index )
336 const std::string& buttonName = button.GetName();
337 if( buttonName == ALIGNMENT_TABLE[ index ] )
339 mSmallLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
340 mRtlLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
341 mLargeLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
342 mRtlLongLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
351 * Main key event handler
353 void OnKeyEvent(const KeyEvent& event)
355 if(event.state == KeyEvent::Down)
357 if( IsKey( event, DALI_KEY_ESCAPE) || IsKey( event, DALI_KEY_BACK ) )
363 if ( event.keyPressedName == "2" )
365 mAnimation.AnimateTo( Property( mSmallLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
366 mAnimation.AnimateTo( Property( mLargeLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
367 mAnimation.AnimateTo( Property( mRtlLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
368 mAnimation.AnimateTo( Property( mRtlLongLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
376 void OnPanGesture( Actor actor, const PanGesture& gesture )
378 if( gesture.state == Gesture::Continuing )
380 Vector2 position = Vector2( gesture.displacement );
381 mTargetActorPosition.y = mTargetActorPosition.y + position.y;
382 mTargetActorPosition.y = std::min( mTargetActorPosition.y, -mTargetActorSize.height );
383 mTargetActorPosition.y = std::max( mTargetActorPosition.y, ( mTargetActorSize.height - mStageSize.height*0.25f ) );
384 actor.SetPosition( 0.0f, mTargetActorPosition.y );
390 Application& mApplication;
391 PanGestureDetector mPanGestureDetector;
393 Vector2 mTargetActorPosition;
394 Vector2 mTargetActorSize;
397 TextLabel mLargeLabel;
398 TextLabel mSmallLabel;
400 TextLabel mRtlLongLabel;
402 Animation mAnimation;
407 int DALI_EXPORT_API main( int argc, char **argv )
409 Application application = Application::New( &argc, &argv, DEMO_THEME_PATH );
410 TextScrollingExample test( application );
411 application.MainLoop();