examples/pivot/pivot-example.cpp

   1 /*
   2  * Copyright (c) 2020 Samsung Electronics Co., Ltd.
   3  *
   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
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  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.
  15  *
  16  */
  17
  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>
  21
  22 #include <iostream>
  23
  24 using namespace Dali;
  25 using namespace Dali::Toolkit;
  26
  27 namespace
  28 {
  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 );
  32
  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 );
  36
  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
  41
  42 /**
  43  * @brief Demonstrates how to animate a control in a layout-container using the anchor point as the pivot.
  44  *
  45  * Positions of the controls in the layout-container will be set using the top-left of the control.
  46  */
  47 class PivotController : public ConnectionTracker
  48 {
  49 public:
  50
  51   /**
  52    * @brief Constructor.
  53    * @param[in] application Reference to the application instance.
  54    */
  55   PivotController( Application& application )
  56   : mApplication( application )
  57   {
  58     mApplication.InitSignal().Connect( this, &PivotController::Create );
  59   }
  60
  61 private:
  62
  63   /**
  64    * @brief The Init signal is received once (only) during the Application lifetime.
  65    */
  66   void Create( Application& application )
  67   {
  68     // Get a handle to the window
  69     Window window = application.GetWindow();
  70     window.SetBackgroundColor( Color::WHITE );
  71     window.KeyEventSignal().Connect( this, &PivotController::OnKeyEvent );
  72
  73     // Create a table view.
  74     TableView tableView = TableView::New( TABLE_VIEW_ROWS, TABLE_VIEW_COLUMNS );
  75     tableView.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::CENTER );
  76     tableView.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
  77     tableView.SetResizePolicy( ResizePolicy::SIZE_RELATIVE_TO_PARENT, Dimension::ALL_DIMENSIONS );
  78     tableView.SetProperty( Actor::Property::SIZE_MODE_FACTOR, TABLE_VIEW_SIZE_MODE_FACTOR );
  79     window.Add( tableView );
  80
  81     // Create a tap detector - we are going to rotate an actor round our anchor-point (pivot) when one of our controls is tapped.
  82     mTapDetector = TapGestureDetector::New();
  83     mTapDetector.DetectedSignal().Connect( this, &PivotController::OnTap );
  84
  85     Vector3 anchorPoint( AnchorPoint::CENTER ); // This will be changed depending on the row and column.
  86
  87     // Add controls to the table-view - each control will have a random color.
  88     for( int row = 0; row < TABLE_VIEW_ROWS; ++row )
  89     {
  90       anchorPoint.y = ( row % TABLE_VIEW_ROWS ) * ( 1.0f / ( TABLE_VIEW_ROWS - 1 ) ); // Calculate this row's y anchor-point.
  91
  92       for( int column = 0; column < TABLE_VIEW_COLUMNS; ++column )
  93       {
  94         anchorPoint.x = ( column % TABLE_VIEW_COLUMNS ) * ( 1.0f / ( TABLE_VIEW_COLUMNS - 1 ) ); // Calculate this column's x anchor-point.
  95
  96         // Create a control with a randomly chosen background color.
  97         Control control = Control::New();
  98         control.SetBackgroundColor( Vector4( Random::Range( 0.0f, 1.0f ), Random::Range( 0.0f, 1.0f ), Random::Range( 0.0f, 1.0f ), 1.0f ) );
  99         control.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
 100         control.SetProperty( Actor::Property::POSITION_USES_ANCHOR_POINT, false ); // Ensures the position always uses top-left for its calculations.
 101         control.SetProperty( Actor::Property::ANCHOR_POINT, anchorPoint ); // This anchor-point is used for the rotation and the scale.
 102
 103         // Add to the table-view
 104         tableView.AddChild( control, TableView::CellPosition( row, column ) );
 105
 106         // Attach each control to the tap-detector so we can start the animation around our anchor point.
 107         mTapDetector.Attach( control );
 108       }
 109     }
 110   }
 111
 112   /**
 113    * @brief Called when a control is tapped.
 114    *
 115    * Here we will start an animation around our pivot.
 116    */
 117   void OnTap( Actor actor, const TapGesture& /* tap */ )
 118   {
 119     // Raise the actor to the top.
 120     actor.RaiseToTop();
 121
 122     // Create the animation to rotate and scale our actor.
 123     Animation animation = Animation::New( 1.0f );
 124     animation.AnimateBy( Property( actor, Actor::Property::ORIENTATION ), ANIMATION_ROTATION, ROTATION_ANIMATION_ALPHA_FUNCTION, ROTATION_ANIMATION_TIME_PERIOD );
 125     animation.AnimateTo( Property( actor, Actor::Property::SCALE ), ANIMATION_SCALE, SCALE_ANIMATION_ALPHA_FUNCTION, SCALE_ANIMATION_TIME_PERIOD );
 126
 127     // Play the animation.
 128     animation.Play();
 129   }
 130
 131   /**
 132    * @brief Called when any key event is received
 133    *
 134    * Will use this to quit the application if Back or the Escape key is received
 135    * @param[in] event The key event information
 136    */
 137   void OnKeyEvent( const KeyEvent& event )
 138   {
 139     if( event.GetState() == KeyEvent::DOWN )
 140     {
 141       if ( IsKey( event, Dali::DALI_KEY_ESCAPE ) || IsKey( event, Dali::DALI_KEY_BACK ) )
 142       {
 143         mApplication.Quit();
 144       }
 145     }
 146   }
 147
 148 private:
 149
 150   Application&  mApplication; ///< Reference to the Application instance.
 151   TapGestureDetector mTapDetector; ///< Used for animating the tapped control.
 152 };
 153
 154 int DALI_EXPORT_API main( int argc, char **argv )
 155 {
 156   Application application = Application::New( &argc, &argv );
 157   PivotController test( application );
 158   application.MainLoop();
 159   return 0;
 160 }