examples/visual-transitions/transition-application.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  * @file transition-application.cpp
  19  * @brief Application class for showing stylable transitions
  20  */
  21
  22 // Class include
  23 #include "transition-application.h"
  24
  25 // External includes
  26 #include <dali-toolkit/dali-toolkit.h>
  27 #include "beat-control.h"
  28 #include <cstdio>
  29 #include <sstream>
  30 #include <dali-toolkit/devel-api/controls/table-view/table-view.h>
  31
  32 // Internal includes
  33
  34 using namespace Dali;
  35 using namespace Dali::Toolkit;
  36
  37 namespace
  38 {
  39
  40 void SetLabelText( Button button, const char* label )
  41 {
  42   button.SetProperty( Toolkit::Button::Property::LABEL, label );
  43 }
  44
  45 }
  46
  47 namespace Demo
  48 {
  49
  50 const char* TransitionApplication::DEMO_THEME_ONE_PATH( DEMO_STYLE_DIR "style-example-theme-one.json" );
  51 const char* DALI_LOGO_PATH( DEMO_IMAGE_DIR "Logo-for-demo.png" );
  52 const char* DALI_ROBOT_MODEL_PATH( DEMO_MODEL_DIR "ToyRobot-Metal.obj" );
  53 const char* DALI_ROBOT_MATERIAL_PATH( DEMO_MODEL_DIR "ToyRobot-Metal.mtl" );
  54
  55 TransitionApplication::TransitionApplication( Application& application )
  56 : mApplication( application ),
  57   mTitle(),
  58   mBeatControl(),
  59   mActionButtons(),
  60   mVisualIndex( Property::INVALID_INDEX ),
  61   mActionIndex( Property::INVALID_INDEX )
  62 {
  63   application.InitSignal().Connect( this, &TransitionApplication::Create );
  64 }
  65
  66 TransitionApplication::~TransitionApplication()
  67 {
  68 }
  69
  70 void TransitionApplication::Create( Application& application )
  71 {
  72   Window window = application.GetWindow();
  73   window.KeyEventSignal().Connect(this, &TransitionApplication::OnKeyEvent);
  74   window.SetBackgroundColor( Vector4( 0.1f, 0.1f, 0.1f, 1.0f ) );
  75
  76   // Content panes:
  77   TableView contentLayout = TableView::New( 4, 1 );
  78   contentLayout.SetProperty( Dali::Actor::Property::NAME,"ContentLayout");
  79   contentLayout.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  80   contentLayout.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::TOP_LEFT );
  81   contentLayout.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::TOP_LEFT );
  82   contentLayout.SetCellPadding( Vector2( 0.0f, 5.0f ) );
  83
  84   // Assign all rows the size negotiation property of fitting to children
  85
  86   window.Add( contentLayout );
  87
  88   mTitle = TextLabel::New( "Custom Control Transition Example" );
  89   mTitle.SetProperty( Dali::Actor::Property::NAME, "Title" );
  90   mTitle.SetStyleName("Title");
  91   mTitle.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
  92   mTitle.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT );
  93   mTitle.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, "CENTER" );
  94   contentLayout.Add( mTitle );
  95   contentLayout.SetFitHeight(0); // Fill width
  96
  97   mBeatControl = BeatControl::New();
  98   mBeatControl.SetProperty( Dali::Actor::Property::NAME,"BeatControl");
  99   mBeatControl.SetProperty( BeatControl::Property::BEAT_VISUAL, Property::Map()
 100                             .Add( Visual::Property::TRANSFORM, Property::Map()
 101                                   .Add( Visual::Transform::Property::SIZE, Vector2(0.5f, 0.5f) ) ) );
 102
 103   mBeatControl.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::CENTER );
 104   mBeatControl.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
 105   mBeatControl.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
 106   contentLayout.Add( mBeatControl );
 107   // beat control should fill the tableview cell, so no change to default parameters
 108
 109   TableView visualTypeLayout = TableView::New( 1, NUMBER_OF_VISUAL_BUTTONS );
 110   visualTypeLayout.SetProperty( Dali::Actor::Property::NAME,"VisualTypeLayout");
 111   visualTypeLayout.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
 112   visualTypeLayout.SetResizePolicy( ResizePolicy::FIT_TO_CHILDREN, Dimension::HEIGHT );
 113   visualTypeLayout.SetFitHeight( 0 );
 114
 115   contentLayout.Add( visualTypeLayout );
 116   contentLayout.SetFitHeight(2);
 117
 118   for( int i=0; i<NUMBER_OF_VISUAL_BUTTONS; ++i )
 119   {
 120     Property::Map map;
 121     CreateVisualMap( i, map );
 122     map.Add( Visual::Property::TRANSFORM, Property::Map()
 123              .Add( Visual::Transform::Property::SIZE, Vector2(0.8f, 0.8f) )  );
 124     mVisualButtons[i] = BeatControl::New();
 125     mVisualButtons[i].SetProperty( BeatControl::Property::BEAT_VISUAL, map );
 126     mVisualButtons[i].SetProperty( Dali::Actor::Property::NAME,"VisualButton");
 127     mVisualButtons[i].SetStyleName("VisualButton");
 128     mVisualButtons[i].SetProperty( Actor::Property::SIZE, Vector2(0, 50) );
 129     mVisualButtons[i].SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
 130     mVisualButtons[i].SetResizePolicy( ResizePolicy::FIXED, Dimension::HEIGHT );
 131     mVisualIndex = mVisualButtons[i].RegisterProperty( "visualId", i, Property::READ_WRITE );
 132     mVisualButtons[i].TouchedSignal().Connect( this, &TransitionApplication::OnVisualButtonClicked );
 133     visualTypeLayout.AddChild( mVisualButtons[i], TableView::CellPosition( 0, i ) );
 134   }
 135
 136   TableView actionButtonLayout = TableView::New( 1, NUMBER_OF_ACTION_BUTTONS+1 );
 137   actionButtonLayout.SetProperty( Dali::Actor::Property::NAME,"ThemeButtonsLayout");
 138   actionButtonLayout.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
 139   actionButtonLayout.SetResizePolicy( ResizePolicy::FIT_TO_CHILDREN, Dimension::HEIGHT );
 140   actionButtonLayout.SetFitHeight( 0 );
 141
 142   TextLabel label = TextLabel::New( "Action: ");
 143   label.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::ALL_DIMENSIONS );
 144   label.SetStyleName("ActionLabel");
 145   actionButtonLayout.AddChild( label, TableView::CellPosition( 0, 0 ) );
 146   actionButtonLayout.SetCellAlignment( TableView::CellPosition( 0, 0 ), HorizontalAlignment::LEFT, VerticalAlignment::CENTER );
 147
 148   for( int i=0; i<NUMBER_OF_ACTION_BUTTONS; ++i )
 149   {
 150     mActionButtons[i] = PushButton::New();
 151     mActionButtons[i].SetProperty( Dali::Actor::Property::NAME,"ActionButton");
 152     mActionButtons[i].SetStyleName("ActionButton");
 153     mActionButtons[i].SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
 154     mActionButtons[i].SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT );
 155     mActionIndex = mActionButtons[i].RegisterProperty( "actionId", i, Property::READ_WRITE );
 156     mActionButtons[i].ClickedSignal().Connect( this, &TransitionApplication::OnActionButtonClicked );
 157     actionButtonLayout.AddChild( mActionButtons[i], TableView::CellPosition( 0, 1+i ) );
 158   }
 159
 160   SetLabelText( mActionButtons[0], "Bounce" );
 161   SetLabelText( mActionButtons[1], "X" );
 162   SetLabelText( mActionButtons[2], "Y" );
 163   SetLabelText( mActionButtons[3], "Fade" );
 164
 165   contentLayout.Add( actionButtonLayout );
 166   contentLayout.SetFitHeight(3);
 167 }
 168
 169 void TransitionApplication::CreateVisualMap( int index, Property::Map& map )
 170 {
 171   switch(index)
 172   {
 173     case 0:
 174     {
 175       map[ Toolkit::Visual::Property::TYPE ] = Visual::COLOR;
 176       map[ ColorVisual::Property::MIX_COLOR ] = Color::YELLOW;
 177       break;
 178     }
 179     case 1:
 180     {
 181       map[ Toolkit::Visual::Property::TYPE ] = Visual::BORDER;
 182       map[ BorderVisual::Property::COLOR ] = Color::GREEN;
 183       map[ BorderVisual::Property::SIZE ] = 5;
 184       break;
 185     }
 186     case 2:
 187     {
 188       map[ Toolkit::Visual::Property::TYPE ] = Visual::GRADIENT;
 189
 190       Property::Array stopOffsets;
 191       stopOffsets.PushBack( 0.0f );
 192       stopOffsets.PushBack( 0.3f );
 193       stopOffsets.PushBack( 0.6f );
 194       stopOffsets.PushBack( 0.8f );
 195       stopOffsets.PushBack( 1.0f );
 196       map[ GradientVisual::Property::STOP_OFFSET ] = stopOffsets;
 197
 198       Property::Array stopColors;
 199       stopColors.PushBack( Vector4( 129.f, 198.f, 193.f, 255.f )/255.f );
 200       stopColors.PushBack( Vector4( 196.f, 198.f, 71.f, 122.f )/255.f );
 201       stopColors.PushBack( Vector4( 214.f, 37.f, 139.f, 191.f )/255.f );
 202       stopColors.PushBack( Vector4( 129.f, 198.f, 193.f, 150.f )/255.f );
 203       stopColors.PushBack( Color::YELLOW );
 204       map[ GradientVisual::Property::STOP_COLOR ] = stopColors;
 205       map[ GradientVisual::Property::START_POSITION ] = Vector2(-0.5f, -0.5f );
 206       map[ GradientVisual::Property::END_POSITION ] = Vector2( 0.5f,  0.5f );
 207       break;
 208     }
 209     case 3:
 210     {
 211       map[ Toolkit::Visual::Property::TYPE ] = Visual::IMAGE;
 212       map[ ImageVisual::Property::URL ] = DALI_LOGO_PATH;
 213       break;
 214     }
 215     case 4:
 216     {
 217       map[ Toolkit::Visual::Property::TYPE ] = Visual::IMAGE;
 218       map[ ImageVisual::Property::URL ] = DEMO_IMAGE_DIR "preMultAlpha.png";
 219       map[ Visual::Property::PREMULTIPLIED_ALPHA ] = true;
 220       break;
 221     }
 222
 223     case 5:
 224     {
 225       map[ Toolkit::Visual::Property::TYPE ] = Visual::MESH;
 226       map[ MeshVisual::Property::OBJECT_URL ] = DALI_ROBOT_MODEL_PATH;
 227       map[ MeshVisual::Property::MATERIAL_URL ] = DALI_ROBOT_MATERIAL_PATH;
 228       map[ MeshVisual::Property::TEXTURES_PATH ] = DEMO_IMAGE_DIR;
 229       map[ MeshVisual::Property::SHADING_MODE ] = MeshVisual::ShadingMode::TEXTURED_WITH_DETAILED_SPECULAR_LIGHTING;
 230       break;
 231     }
 232
 233     case 6:
 234     {
 235       map[ Toolkit::Visual::Property::TYPE ] = Visual::PRIMITIVE;
 236
 237       map[ PrimitiveVisual::Property::SHAPE ] = PrimitiveVisual::Shape::BEVELLED_CUBE;
 238       map[ PrimitiveVisual::Property::BEVEL_PERCENTAGE ] = 0.3f;
 239       map[ PrimitiveVisual::Property::BEVEL_SMOOTHNESS ] = 0.0f;
 240       map[ PrimitiveVisual::Property::SCALE_DIMENSIONS ] = Vector3(1.0f,1.0f,0.3f);
 241       map[ PrimitiveVisual::Property::MIX_COLOR ]        = Vector4(0.7f, 0.5f, 0.05f, 1.0f);
 242
 243       break;
 244     }
 245
 246     case 7:
 247     {
 248       // NPatch
 249       map[ Toolkit::Visual::Property::TYPE ] = Visual::IMAGE;
 250       map[ ImageVisual::Property::URL ] = DEMO_IMAGE_DIR "button-up-16.9.png";
 251       break;
 252     }
 253     case 8:
 254     {
 255       // SVG
 256       map[ Toolkit::Visual::Property::TYPE ] = Visual::IMAGE;
 257       map[ ImageVisual::Property::URL ] = DEMO_IMAGE_DIR "Kid1.svg";
 258       break;
 259     }
 260
 261     case 9:
 262     {
 263       map[ Toolkit::Visual::Property::TYPE ] = Visual::TEXT;
 264       map[ TextVisual::Property::TEXT ] = "Text";
 265       map[ TextVisual::Property::TEXT_COLOR ] = Color::CYAN;
 266       map[ TextVisual::Property::POINT_SIZE ] = 10;
 267       break;
 268     }
 269
 270     default:
 271     {
 272       map[ Toolkit::Visual::Property::TYPE ] = Visual::COLOR;
 273       map[ ColorVisual::Property::MIX_COLOR ] = Color::MAGENTA;
 274       break;
 275     }
 276   }
 277 }
 278
 279 bool TransitionApplication::OnVisualButtonClicked( Actor actor, const TouchEvent& touch )
 280 {
 281   if( touch.GetState(0) == PointState::FINISHED )
 282   {
 283     int visual = actor.GetProperty<int>( mVisualIndex );
 284     Property::Map map;
 285     CreateVisualMap( visual, map );
 286     map.Add( Visual::Property::TRANSFORM, Property::Map()
 287              .Add( Visual::Transform::Property::SIZE, Vector2( 0.5f, 0.5f ) ) );
 288     mBeatControl.SetProperty( BeatControl::Property::BEAT_VISUAL, map );
 289   }
 290   return true;
 291 }
 292
 293 bool TransitionApplication::OnActionButtonClicked( Button button )
 294 {
 295   int action = button.GetProperty<int>( mActionIndex );
 296   switch( action )
 297   {
 298     case 0:
 299     {
 300       mBeatControl.StartBounceAnimation();
 301       break;
 302     }
 303     case 1:
 304     {
 305       mBeatControl.StartXAnimation();
 306       break;
 307     }
 308     case 2:
 309     {
 310       mBeatControl.StartYAnimation();
 311       break;
 312     }
 313     case 3:
 314     {
 315       mBeatControl.StartFadeAnimation();
 316       break;
 317     }
 318   }
 319
 320   return true;
 321 }
 322
 323 void TransitionApplication::OnKeyEvent( const KeyEvent& keyEvent )
 324 {
 325   static int keyPressed = 0;
 326
 327   if( keyEvent.GetState() == KeyEvent::DOWN)
 328   {
 329     if( keyPressed == 0 ) // Is this the first down event?
 330     {
 331       printf("Key pressed: %s %d\n", keyEvent.GetKeyName().c_str(), keyEvent.GetKeyCode() );
 332
 333       if( IsKey( keyEvent, DALI_KEY_ESCAPE) || IsKey( keyEvent, DALI_KEY_BACK ) )
 334       {
 335         mApplication.Quit();
 336       }
 337       else if( keyEvent.GetKeyName().compare("Return") == 0 )
 338       {
 339       }
 340     }
 341     keyPressed = 1;
 342   }
 343   else if( keyEvent.GetState() == KeyEvent::UP )
 344   {
 345     keyPressed = 0;
 346   }
 347 }
 348
 349 } // namespace Demo