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 );
177 CreateBox( "boxC", boxC, desktop, SCROLLING_BOX_SIZE );
178 boxC.SetPosition( 0.0f, -300.0f, 1.0f );
179 Toolkit::PushButton scrollSmallButton = Toolkit::PushButton::New();
180 scrollSmallButton.ClickedSignal().Connect( this, &TextScrollingExample::OnButtonClickedSmall );
181 CreateLabel( mSmallLabel, "Hello Text", boxC , true, scrollSmallButton );
182 mSmallLabel.SetProperty( TextLabel::Property::TEXT_COLOR, Color::BLACK );
183 Property::Map shadowMap;
184 shadowMap.Insert( "color", Color::CYAN );
185 shadowMap.Insert( "offset", Vector2( 1.0f, 1.0f ) );
186 mSmallLabel.SetProperty( TextLabel::Property::SHADOW, shadowMap );
188 CreateBox( "boxD", boxD, desktop, SCROLLING_BOX_SIZE );
189 boxD.SetPosition( 0.0f, -200.0f, 1.0f );
190 Toolkit::PushButton scrollRtlButton = Toolkit::PushButton::New();
191 scrollRtlButton.ClickedSignal().Connect( this, &TextScrollingExample::OnButtonClickedRtl );
192 CreateLabel( mRtlLabel, "مرØبا بالعالم", boxD , true, scrollRtlButton );
193 mRtlLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_STOP_MODE, TextLabel::AutoScrollStopMode::IMMEDIATE );
194 mRtlLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_LOOP_DELAY, 0.3f );
196 CreateBox( "boxE", boxE, desktop, SCROLLING_BOX_SIZE );
197 boxE.SetPosition( 0.0f, -100.0f, 1.0f );
198 Toolkit::PushButton scrollRtlLongButton = Toolkit::PushButton::New();
199 scrollRtlLongButton.ClickedSignal().Connect( this, &TextScrollingExample::OnButtonClickedRtlLong );
200 CreateLabel( mRtlLongLabel, " مرØبا بالعالم مرØبا بالعالم مرØبا بالعالم مرØبا بالعالم مرØبا بالعالم مرØبا بالعالم مرØبا بالعالم مرØبا بالعالم مرØبا بالعالم", boxE , false, scrollRtlLongButton );
201 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_SPEED, 500);
202 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_GAP, 500);
203 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_LOOP_COUNT, 3);
204 mRtlLongLabel.SetProperty(TextLabel::Property::AUTO_SCROLL_STOP_MODE, TextLabel::AutoScrollStopMode::FINISH_LOOP );
206 mPanGestureDetector = PanGestureDetector::New();
207 mPanGestureDetector.DetectedSignal().Connect(this, &TextScrollingExample::OnPanGesture );
208 mPanGestureDetector.Attach( desktop );
210 Toolkit::PushButton colorButton = Toolkit::PushButton::New();
211 colorButton.SetProperty( Button::Property::TOGGLABLE, true );
212 colorButton.SetProperty( DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, Property::Map().Add ( Toolkit::Visual::Property::TYPE, Visual::COLOR ).Add( ColorVisual::Property::MIX_COLOR, Color::RED ) );
213 colorButton.SetProperty( DevelButton::Property::SELECTED_BACKGROUND_VISUAL, Property::Map().Add ( Toolkit::Visual::Property::TYPE, Visual::COLOR ).Add( ColorVisual::Property::MIX_COLOR, Color::BLACK ) );
214 colorButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
215 colorButton.SetParentOrigin( ParentOrigin::BOTTOM_CENTER );
216 colorButton.SetResizePolicy( ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS );
217 colorButton.SetSize(BOX_SIZE.height,BOX_SIZE.height);
218 colorButton.ClickedSignal().Connect( this, &TextScrollingExample::OnColorButtonClicked );
219 rootActor.Add( colorButton );
221 for( unsigned int i = 0; i < ALIGNMENT_TABLE_COUNT; ++i )
223 Toolkit::RadioButton alignButton = Toolkit::RadioButton::New( ALIGNMENT_TABLE[ i ] );
224 alignButton.ClickedSignal().Connect( this, &TextScrollingExample::OnAlignButtonClicked );
225 alignButton.SetName( ALIGNMENT_TABLE[ i ] );
227 // Place first button to left aligned, second center aligned and third right aligned
228 alignButton.SetAnchorPoint( Vector3( i * 0.5f, 0.0f, 0.5f ) );
229 alignButton.SetParentOrigin( Vector3( i * 0.5f, 0.0f, 0.5f ) );
231 rootActor.Add( alignButton );
235 // Set the first button as selected
236 alignButton.SetProperty( Button::Property::SELECTED, true );
241 void EnableScrolling( Labels labels )
263 label = mRtlLongLabel;
272 if ( labels != NONE )
274 Property::Value value = label.GetProperty( TextLabel::Property::ENABLE_AUTO_SCROLL);
275 if (value.Get< bool >())
277 label.SetProperty( TextLabel::Property::ENABLE_AUTO_SCROLL, false );
281 label.SetProperty( TextLabel::Property::ENABLE_AUTO_SCROLL, true );
286 bool OnButtonClickedSmall( Toolkit::Button button )
288 EnableScrolling( SMALL );
292 bool OnButtonClickedLarge( Toolkit::Button button )
294 EnableScrolling( LARGE );
298 bool OnButtonClickedRtl( Toolkit::Button button )
300 EnableScrolling( RTL );
304 bool OnButtonClickedRtlLong( Toolkit::Button button )
306 EnableScrolling( RTL_LONG );
310 bool OnColorButtonClicked( Toolkit::Button button )
312 Vector4 color = Color::RED;
316 color = Color::BLACK;
317 mToggleColor = false;
324 Property::Map shadowMap;
325 shadowMap.Insert( "color", Color::BLACK );
326 mSmallLabel.SetProperty( TextLabel::Property::SHADOW, shadowMap );
327 mSmallLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
328 mRtlLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
329 mLargeLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
330 mRtlLongLabel.SetProperty( TextLabel::Property::TEXT_COLOR, color );
335 bool OnAlignButtonClicked( Toolkit::Button button )
337 for( unsigned int index = 0; index < ALIGNMENT_TABLE_COUNT; ++index )
339 const std::string& buttonName = button.GetName();
340 if( buttonName == ALIGNMENT_TABLE[ index ] )
342 mSmallLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
343 mRtlLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
344 mLargeLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
345 mRtlLongLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, ALIGNMENT_TABLE[ index ] );
354 * Main key event handler
356 void OnKeyEvent(const KeyEvent& event)
358 if(event.state == KeyEvent::Down)
360 if( IsKey( event, DALI_KEY_ESCAPE) || IsKey( event, DALI_KEY_BACK ) )
366 if ( event.keyPressedName == "2" )
368 mAnimation.AnimateTo( Property( mSmallLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
369 mAnimation.AnimateTo( Property( mLargeLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
370 mAnimation.AnimateTo( Property( mRtlLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
371 mAnimation.AnimateTo( Property( mRtlLongLabel, Actor::Property::SCALE ), Vector3(1.2f, 1.2f, 0.0f), AlphaFunction::BOUNCE, TimePeriod( 1.0f, 1.0f ) );
379 void OnPanGesture( Actor actor, const PanGesture& gesture )
381 if( gesture.state == Gesture::Continuing )
383 Vector2 position = Vector2( gesture.displacement );
384 mTargetActorPosition.y = mTargetActorPosition.y + position.y;
385 mTargetActorPosition.y = std::min( mTargetActorPosition.y, -mTargetActorSize.height );
386 mTargetActorPosition.y = std::max( mTargetActorPosition.y, ( mTargetActorSize.height - mStageSize.height*0.25f ) );
387 actor.SetPosition( 0.0f, mTargetActorPosition.y );
393 Application& mApplication;
394 PanGestureDetector mPanGestureDetector;
396 Vector2 mTargetActorPosition;
397 Vector2 mTargetActorSize;
400 TextLabel mLargeLabel;
401 TextLabel mSmallLabel;
403 TextLabel mRtlLongLabel;
405 Animation mAnimation;
410 int DALI_EXPORT_API main( int argc, char **argv )
412 Application application = Application::New( &argc, &argv, DEMO_THEME_PATH );
413 TextScrollingExample test( application );
414 application.MainLoop();