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/table-view/table-view.h>
20 #include <dali/devel-api/actors/actor-devel.h>
25 using namespace Dali::Toolkit;
29 const int TABLE_VIEW_ROWS = 5;
30 const int TABLE_VIEW_COLUMNS = 3;
31 const Vector3 TABLE_VIEW_SIZE_MODE_FACTOR(0.6f, 0.6f, 1.0f);
33 const Quaternion ANIMATION_ROTATION(Degree(360.0f), Vector3::ZAXIS);
34 const AlphaFunction::BuiltinFunction ROTATION_ANIMATION_ALPHA_FUNCTION(AlphaFunction::EASE_IN_OUT);
35 const TimePeriod ROTATION_ANIMATION_TIME_PERIOD(0.0f, 0.5f);
37 const Vector3 ANIMATION_SCALE(2.0f, 2.0f, 1.0f);
38 const AlphaFunction::BuiltinFunction SCALE_ANIMATION_ALPHA_FUNCTION(AlphaFunction::SIN);
39 const TimePeriod SCALE_ANIMATION_TIME_PERIOD(0.15f, 0.85f);
40 } // unnamed namespace
43 * @brief Demonstrates how to animate a control in a layout-container using the anchor point as the pivot.
45 * Positions of the controls in the layout-container will be set using the top-left of the control.
47 class PivotController : public ConnectionTracker
52 * @param[in] application Reference to the application instance.
54 PivotController(Application& application)
55 : mApplication(application)
57 mApplication.InitSignal().Connect(this, &PivotController::Create);
62 * @brief The Init signal is received once (only) during the Application lifetime.
64 void Create(Application& application)
66 // Get a handle to the window
67 Window window = application.GetWindow();
68 window.SetBackgroundColor(Color::WHITE);
69 window.KeyEventSignal().Connect(this, &PivotController::OnKeyEvent);
71 // Create a table view.
72 TableView tableView = TableView::New(TABLE_VIEW_ROWS, TABLE_VIEW_COLUMNS);
73 tableView.SetProperty(Actor::Property::ANCHOR_POINT, AnchorPoint::CENTER);
74 tableView.SetProperty(Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER);
75 tableView.SetResizePolicy(ResizePolicy::SIZE_RELATIVE_TO_PARENT, Dimension::ALL_DIMENSIONS);
76 tableView.SetProperty(Actor::Property::SIZE_MODE_FACTOR, TABLE_VIEW_SIZE_MODE_FACTOR);
77 window.Add(tableView);
79 // Create a tap detector - we are going to rotate an actor round our anchor-point (pivot) when one of our controls is tapped.
80 mTapDetector = TapGestureDetector::New();
81 mTapDetector.DetectedSignal().Connect(this, &PivotController::OnTap);
83 Vector3 anchorPoint(AnchorPoint::CENTER); // This will be changed depending on the row and column.
85 // Add controls to the table-view - each control will have a random color.
86 for(int row = 0; row < TABLE_VIEW_ROWS; ++row)
88 anchorPoint.y = (row % TABLE_VIEW_ROWS) * (1.0f / (TABLE_VIEW_ROWS - 1)); // Calculate this row's y anchor-point.
90 for(int column = 0; column < TABLE_VIEW_COLUMNS; ++column)
92 anchorPoint.x = (column % TABLE_VIEW_COLUMNS) * (1.0f / (TABLE_VIEW_COLUMNS - 1)); // Calculate this column's x anchor-point.
94 // Create a control with a randomly chosen background color.
95 Control control = Control::New();
96 control.SetBackgroundColor(Vector4(Random::Range(0.0f, 1.0f), Random::Range(0.0f, 1.0f), Random::Range(0.0f, 1.0f), 1.0f));
97 control.SetResizePolicy(ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS);
98 control.SetProperty(Actor::Property::POSITION_USES_ANCHOR_POINT, false); // Ensures the position always uses top-left for its calculations.
99 control.SetProperty(Actor::Property::ANCHOR_POINT, anchorPoint); // This anchor-point is used for the rotation and the scale.
101 // Add to the table-view
102 tableView.AddChild(control, TableView::CellPosition(row, column));
104 // Attach each control to the tap-detector so we can start the animation around our anchor point.
105 mTapDetector.Attach(control);
111 * @brief Called when a control is tapped.
113 * Here we will start an animation around our pivot.
115 void OnTap(Actor actor, const TapGesture& /* tap */)
117 // Raise the actor to the top.
120 // Create the animation to rotate and scale our actor.
121 Animation animation = Animation::New(1.0f);
122 animation.AnimateBy(Property(actor, Actor::Property::ORIENTATION), ANIMATION_ROTATION, ROTATION_ANIMATION_ALPHA_FUNCTION, ROTATION_ANIMATION_TIME_PERIOD);
123 animation.AnimateTo(Property(actor, Actor::Property::SCALE), ANIMATION_SCALE, SCALE_ANIMATION_ALPHA_FUNCTION, SCALE_ANIMATION_TIME_PERIOD);
125 // Play the animation.
130 * @brief Called when any key event is received
132 * Will use this to quit the application if Back or the Escape key is received
133 * @param[in] event The key event information
135 void OnKeyEvent(const KeyEvent& event)
137 if(event.GetState() == KeyEvent::DOWN)
139 if(IsKey(event, Dali::DALI_KEY_ESCAPE) || IsKey(event, Dali::DALI_KEY_BACK))
147 Application& mApplication; ///< Reference to the Application instance.
148 TapGestureDetector mTapDetector; ///< Used for animating the tapped control.
151 int DALI_EXPORT_API main(int argc, char** argv)
153 Application application = Application::New(&argc, &argv);
154 PivotController test(application);
155 application.MainLoop();