2 * Copyright (c) 2020 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.
18 #include <dali-toolkit/dali-toolkit.h>
19 #include <dali-toolkit/devel-api/controls/control-devel.h>
20 #include <dali-toolkit/devel-api/visuals/visual-properties-devel.h>
21 #include <dali-toolkit/devel-api/visuals/arc-visual-properties-devel.h>
22 #include <dali-toolkit/devel-api/visuals/arc-visual-actions-devel.h>
23 #include <dali-toolkit/devel-api/visuals/visual-properties-devel.h>
24 #include <dali-toolkit/devel-api/visual-factory/transition-data.h>
27 using namespace Dali::Toolkit;
32 const float START_ANGLE_INITIAL_VALUE( 0.0f );
33 const float START_ANGLE_TARGET_VALUE( 360.0f );
34 const float SWEEP_ANGLE_INITIAL_VALUE( 90.0f );
35 const float SWEEP_ANGLE_TARGET_VALUE( 360.0f );
36 const float ANIMATION_DURATION( 3.0f );
38 const Property::Value BACKGROUND
40 { Visual::Property::TYPE, DevelVisual::ARC },
41 { Visual::Property::MIX_COLOR, Color::RED },
42 { DevelArcVisual::Property::START_ANGLE, 0.0f },
43 { DevelArcVisual::Property::SWEEP_ANGLE, 90.0f },
44 { DevelArcVisual::Property::CAP, DevelArcVisual::Cap::ROUND },
45 { DevelArcVisual::Property::THICKNESS, 20.0f }
48 const Property::Value TEXT_BACKGROUND
50 { Visual::Property::TYPE, Visual::COLOR },
51 { ColorVisual::Property::MIX_COLOR, Vector4( 0.8f, 0.8f, 0.8f, 1.0f ) },
52 { DevelVisual::Property::CORNER_RADIUS, 10.0f }
55 const Property::Value TRANSITION_ANIMATOR
57 { "timePeriod", Property::Map().Add( "duration", ANIMATION_DURATION ) }
60 const Property::Value TRANSITION_START_ANGLE
62 { "target", "background" },
63 { "property", "startAngle" },
64 { "initialValue", START_ANGLE_INITIAL_VALUE },
65 { "targetValue", START_ANGLE_TARGET_VALUE },
66 { "animator", TRANSITION_ANIMATOR }
69 const Property::Value TRANSITION_SWEEP_ANGLE
71 { "target", "background" },
72 { "property", "sweepAngle" },
73 { "initialValue", SWEEP_ANGLE_INITIAL_VALUE },
74 { "targetValue", SWEEP_ANGLE_TARGET_VALUE },
75 { "animator", TRANSITION_ANIMATOR }
80 // This example shows the properties of the arc visual - thickness, startAngle and sweepAngle and animates them.
82 class ArcVisualExample : public ConnectionTracker
86 ArcVisualExample( Application& application )
87 : mApplication( application ),
88 mSelectedPoperty( DevelArcVisual::Property::START_ANGLE )
90 // Connect to the Application's Init signal
91 mApplication.InitSignal().Connect( this, &ArcVisualExample::Create );
94 ~ArcVisualExample() = default;
98 // The Init signal is received once (only) during the Application lifetime
99 void Create( Application& application )
101 // Get a handle to the window
102 Window window = application.GetWindow();
103 window.SetBackgroundColor( Color::WHITE );
105 mControl = Control::New();
106 mControl.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
107 mControl.SetProperty( Actor::Property::SIZE, Vector2( 300.0f, 300.0f ) );
108 mControl.SetProperty( Control::Property::BACKGROUND, BACKGROUND );
109 window.Add( mControl );
111 mStartAngleLabel = TextLabel::New( "1" );
112 mStartAngleLabel.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
113 mStartAngleLabel.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::BOTTOM_RIGHT );
114 mStartAngleLabel.SetProperty( Actor::Property::POSITION, Vector2( -30.0f, -10.0f ) );
115 mStartAngleLabel.SetProperty( Control::Property::BACKGROUND, TEXT_BACKGROUND );
116 mStartAngleLabel.SetProperty( Actor::Property::WIDTH_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
117 mStartAngleLabel.SetProperty( Actor::Property::HEIGHT_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
118 mStartAngleLabel.SetProperty( Control::Property::PADDING, Extents( 20.0f, 20.0f, 10.0f, 10.0f ) );
119 mStartAngleLabel.TouchSignal().Connect( this, &ArcVisualExample::OnButtonTouch );
120 window.Add( mStartAngleLabel );
122 mSweepAngleLabel = TextLabel::New( "2" );
123 mSweepAngleLabel.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
124 mSweepAngleLabel.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::BOTTOM_CENTER );
125 mSweepAngleLabel.SetProperty( Actor::Property::POSITION, Vector2( 0.0f, -10.0f ) );
126 mSweepAngleLabel.SetProperty( Control::Property::BACKGROUND, TEXT_BACKGROUND );
127 mSweepAngleLabel.SetProperty( Actor::Property::WIDTH_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
128 mSweepAngleLabel.SetProperty( Actor::Property::HEIGHT_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
129 mSweepAngleLabel.SetProperty( Control::Property::PADDING, Extents( 20.0f, 20.0f, 10.0f, 10.0f ) );
130 mSweepAngleLabel.TouchSignal().Connect( this, &ArcVisualExample::OnButtonTouch );
131 window.Add( mSweepAngleLabel );
133 mThicknessLabel = TextLabel::New( "3" );
134 mThicknessLabel.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
135 mThicknessLabel.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::BOTTOM_LEFT );
136 mThicknessLabel.SetProperty( Actor::Property::POSITION, Vector2( 30.0f, -10.0f ) );
137 mThicknessLabel.SetProperty( Control::Property::BACKGROUND, TEXT_BACKGROUND );
138 mThicknessLabel.SetProperty( Actor::Property::WIDTH_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
139 mThicknessLabel.SetProperty( Actor::Property::HEIGHT_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
140 mThicknessLabel.SetProperty( Control::Property::PADDING, Extents( 20.0f, 20.0f, 10.0f, 10.0f ) );
141 mThicknessLabel.TouchSignal().Connect( this, &ArcVisualExample::OnButtonTouch );
142 window.Add( mThicknessLabel );
144 mPlusTextLabel = TextLabel::New( "+" );
145 mPlusTextLabel.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
146 mPlusTextLabel.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::TOP_LEFT );
147 mPlusTextLabel.SetProperty( Actor::Property::POSITION, Vector2( 20.0f, 10.0f ) );
148 mPlusTextLabel.SetProperty( Control::Property::BACKGROUND, TEXT_BACKGROUND );
149 mPlusTextLabel.SetProperty( Actor::Property::WIDTH_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
150 mPlusTextLabel.SetProperty( Actor::Property::HEIGHT_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
151 mPlusTextLabel.SetProperty( Control::Property::PADDING, Extents( 20.0f, 20.0f, 10.0f, 10.0f ) );
152 mPlusTextLabel.TouchSignal().Connect( this, &ArcVisualExample::OnButtonTouch );
153 window.Add( mPlusTextLabel );
155 mMinusTextLabel = TextLabel::New( "-" );
156 mMinusTextLabel.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
157 mMinusTextLabel.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::TOP_RIGHT );
158 mMinusTextLabel.SetProperty( Actor::Property::POSITION, Vector2( -20.0f, 10.0f ) );
159 mMinusTextLabel.SetProperty( Control::Property::BACKGROUND, TEXT_BACKGROUND );
160 mMinusTextLabel.SetProperty( Actor::Property::WIDTH_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
161 mMinusTextLabel.SetProperty( Actor::Property::HEIGHT_RESIZE_POLICY, ResizePolicy::USE_NATURAL_SIZE );
162 mMinusTextLabel.SetProperty( Control::Property::PADDING, Extents( 25.0f, 25.0f, 10.0f, 10.0f ) );
163 mMinusTextLabel.TouchSignal().Connect( this, &ArcVisualExample::OnButtonTouch );
164 window.Add( mMinusTextLabel );
166 // Respond to a click anywhere on the window
167 window.GetRootLayer().TouchSignal().Connect( this, &ArcVisualExample::OnTouch );
169 // Respond to key events
170 window.KeyEventSignal().Connect( this, &ArcVisualExample::OnKeyEvent );
173 bool OnButtonTouch( Actor actor, const TouchData& touch )
175 if( touch.GetState( 0 ) == PointState::UP )
177 Control control = Control::DownCast( actor );
178 if( control == mStartAngleLabel )
180 mSelectedPoperty = DevelArcVisual::Property::START_ANGLE;
182 else if( control == mSweepAngleLabel )
184 mSelectedPoperty = DevelArcVisual::Property::SWEEP_ANGLE;
186 else if( control == mThicknessLabel )
188 mSelectedPoperty = DevelArcVisual::Property::THICKNESS;
190 else if( control == mPlusTextLabel )
192 Property::Map map = mControl.GetProperty< Property::Map >( Control::Property::BACKGROUND );
193 Property::Value* value = map.Find( mSelectedPoperty );
196 DevelControl::DoAction( mControl, Control::Property::BACKGROUND, DevelArcVisual::Action::UPDATE_PROPERTY,
197 Property::Map().Add( mSelectedPoperty, value->Get< float >() + 5.0f ) );
202 Property::Map map = mControl.GetProperty< Property::Map >( Control::Property::BACKGROUND );
203 Property::Value* value = map.Find( mSelectedPoperty );
206 DevelControl::DoAction( mControl, Control::Property::BACKGROUND, DevelArcVisual::Action::UPDATE_PROPERTY,
207 Property::Map().Add( mSelectedPoperty, value->Get< float >() - 5.0f ) );
214 bool OnTouch( Actor actor, const TouchData& touch )
216 if( touch.GetState( 0 ) == PointState::UP )
218 Property::Array array;
219 array.PushBack( TRANSITION_START_ANGLE );
220 array.PushBack( TRANSITION_SWEEP_ANGLE );
222 TransitionData transitionData = TransitionData::New( array );
223 Animation animation = DevelControl::CreateTransition( Toolkit::Internal::GetImplementation( mControl ), transitionData );
229 void OnKeyEvent( const KeyEvent& event )
231 if( event.state == KeyEvent::Up )
233 if( IsKey( event, DALI_KEY_ESCAPE) || IsKey( event, DALI_KEY_BACK ) )
241 Application& mApplication;
243 TextLabel mStartAngleLabel;
244 TextLabel mSweepAngleLabel;
245 TextLabel mThicknessLabel;
246 TextLabel mPlusTextLabel;
247 TextLabel mMinusTextLabel;
248 Property::Index mSelectedPoperty;
251 int DALI_EXPORT_API main( int argc, char **argv )
253 Application application = Application::New( &argc, &argv );
254 ArcVisualExample test( application );
255 application.MainLoop();