examples/layouting/linear-example.cpp

   1 /*
   2  * Copyright (c) 2018 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 <string>
  19 #include "linear-example.h"
  20 #include <dali-toolkit/devel-api/visuals/image-visual-properties-devel.h>
  21 #include <dali-toolkit/devel-api/visual-factory/visual-factory.h>
  22 #include <dali-toolkit/devel-api/controls/control-devel.h>
  23 #include <dali-toolkit/devel-api/layouting/linear-layout.h>
  24
  25 using namespace Dali;
  26 using namespace Dali::Toolkit;
  27
  28 namespace
  29 {
  30 const char* const TITLE = "Linear Example";
  31
  32 // Button file names
  33 const char* LTR_IMAGE( DEMO_IMAGE_DIR "icon-play.png" );
  34 const char* LTR_SELECTED_IMAGE( DEMO_IMAGE_DIR "icon-play-selected.png" );
  35
  36 const char* RTL_IMAGE( DEMO_IMAGE_DIR "icon-reverse.png" );
  37 const char* RTL_SELECTED_IMAGE( DEMO_IMAGE_DIR "icon-reverse-selected.png" );
  38
  39 const char* ROTATE_CLOCKWISE_IMAGE( DEMO_IMAGE_DIR "icon-reset.png" );
  40 const char* ROTATE_CLOCKWISE_SELECTED_IMAGE( DEMO_IMAGE_DIR "icon-reset-selected.png" );
  41
  42 const char* ALIGN_IMAGE( DEMO_IMAGE_DIR "icon-replace.png" );
  43 const char* ALIGN_SELECTED_IMAGE( DEMO_IMAGE_DIR "icon-replace-selected.png" );
  44
  45 // Child image filenames
  46 const char* IMAGE_PATH[] = {
  47   DEMO_IMAGE_DIR "application-icon-101.png",
  48   DEMO_IMAGE_DIR "application-icon-102.png",
  49   DEMO_IMAGE_DIR "application-icon-103.png",
  50   DEMO_IMAGE_DIR "application-icon-104.png"
  51 };
  52
  53 const unsigned int NUMBER_OF_RESOURCES = sizeof(IMAGE_PATH) / sizeof(char*);
  54
  55 // Helper function to create ImageViews with given filename and size.
  56 void CreateChildImageView( ImageView& imageView, const char* filename, Size size )
  57 {
  58   imageView = ImageView::New();
  59   Property::Map imagePropertyMap;
  60   imagePropertyMap[ Toolkit::Visual::Property::TYPE ] = Toolkit::Visual::IMAGE;
  61   imagePropertyMap[ Toolkit::ImageVisual::Property::URL ] = filename;
  62   imagePropertyMap[ ImageVisual::Property::DESIRED_WIDTH ] = size.width;
  63   imagePropertyMap[ ImageVisual::Property::DESIRED_HEIGHT ] = size.height;
  64   imageView.SetProperty(Toolkit::ImageView::Property::IMAGE , imagePropertyMap );
  65   imageView.SetName("ImageView");
  66   imageView.SetAnchorPoint( AnchorPoint::TOP_LEFT );
  67   imageView.SetResizePolicy( ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS );
  68 }
  69
  70 }  // namespace
  71
  72 namespace Demo
  73 {
  74
  75 LinearExample::LinearExample()
  76 : Example( TITLE ),
  77   mLTRDirection(true)
  78 {
  79 }
  80
  81 void LinearExample::Create()
  82 {
  83   auto stage = Stage::GetCurrent();
  84
  85   mDirectionButton = PushButton::New();
  86   mDirectionButton.SetProperty( PushButton::Property::UNSELECTED_ICON, RTL_IMAGE );
  87   mDirectionButton.SetProperty( PushButton::Property::SELECTED_ICON, RTL_SELECTED_IMAGE );
  88   mDirectionButton.ClickedSignal().Connect( this, &LinearExample::OnDirectionClicked );
  89   mDirectionButton.SetParentOrigin( Vector3(0.33f, 1.0f, 0.5f ) );
  90   mDirectionButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
  91   mDirectionButton.SetSize(75, 75);
  92   stage.Add( mDirectionButton );
  93
  94   mRotateButton = PushButton::New();
  95   mRotateButton.SetProperty( PushButton::Property::UNSELECTED_ICON, ROTATE_CLOCKWISE_IMAGE );
  96   mRotateButton.SetProperty( PushButton::Property::SELECTED_ICON, ROTATE_CLOCKWISE_SELECTED_IMAGE );
  97   mRotateButton.ClickedSignal().Connect( this, &LinearExample::OnRotateClicked );
  98   mRotateButton.SetParentOrigin( Vector3(0.66f, 1.0f, 0.5f ));
  99   mRotateButton.SetAnchorPoint( Vector3(0.5f, 1.0f, 0.5f));
 100   mRotateButton.SetSize(75, 75);
 101   stage.Add( mRotateButton );
 102
 103   mAlignmentButton = PushButton::New();
 104   mAlignmentButton.SetProperty( PushButton::Property::UNSELECTED_ICON, ALIGN_IMAGE );
 105   mAlignmentButton.SetProperty( PushButton::Property::SELECTED_ICON, ALIGN_SELECTED_IMAGE );
 106   mAlignmentButton.ClickedSignal().Connect( this, &LinearExample::OnAlignmentClicked );
 107   mAlignmentButton.SetParentOrigin( ParentOrigin::BOTTOM_CENTER );
 108   mAlignmentButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
 109   mAlignmentButton.SetSize(75, 75);
 110
 111   stage.Add( mAlignmentButton );
 112
 113   // Create a linear layout
 114   mLinearContainer = Control::New();
 115   auto layout = LinearLayout::New();
 116   layout.SetAnimateLayout(true);
 117   layout.SetOrientation( LinearLayout::Orientation::HORIZONTAL );
 118   layout.SetAlignment( LinearLayout::Alignment::CENTER_VERTICAL );
 119   DevelControl::SetLayout( mLinearContainer, layout );
 120
 121   mLinearContainer.SetParentOrigin( ParentOrigin::CENTER );
 122   mLinearContainer.SetAnchorPoint( AnchorPoint::CENTER );
 123   mLinearContainer.SetName( "LinearExample" );
 124   stage.Add( mLinearContainer );
 125   mLinearContainer.SetProperty( Toolkit::LayoutItem::ChildProperty::WIDTH_SPECIFICATION, ChildLayoutData::MATCH_PARENT );
 126   mLinearContainer.SetProperty( Toolkit::LayoutItem::ChildProperty::HEIGHT_SPECIFICATION, ChildLayoutData::MATCH_PARENT );
 127   mLinearContainer.SetProperty( Actor::Property::LAYOUT_DIRECTION, LayoutDirection::LEFT_TO_RIGHT );
 128
 129   for( unsigned int x = 0; x < NUMBER_OF_RESOURCES; ++x )
 130   {
 131     Toolkit::ImageView imageView;
 132     CreateChildImageView( imageView, IMAGE_PATH[ x ], Size(100.0f, 100.0f) );
 133     mLinearContainer.Add( imageView );
 134   }
 135 }
 136
 137 // Remove controls added by this example from stage
 138 void LinearExample::Remove()
 139 {
 140   if ( mLinearContainer )
 141   {
 142     UnparentAndReset( mDirectionButton );
 143     UnparentAndReset( mRotateButton );
 144     UnparentAndReset( mAlignmentButton );
 145     UnparentAndReset( mLinearContainer);
 146   }
 147 }
 148
 149 // Mirror items in layout
 150 bool LinearExample::OnDirectionClicked( Button button )
 151 {
 152   auto layout = LinearLayout::DownCast( DevelControl::GetLayout( mLinearContainer ) );
 153   layout.SetOrientation( LinearLayout::Orientation::HORIZONTAL );
 154   if( !mLTRDirection )
 155   {
 156     mDirectionButton.SetProperty( PushButton::Property::UNSELECTED_ICON, LTR_IMAGE );
 157     mDirectionButton.SetProperty( PushButton::Property::SELECTED_ICON, LTR_SELECTED_IMAGE );
 158     mLinearContainer.SetProperty( Actor::Property::LAYOUT_DIRECTION, LayoutDirection::LEFT_TO_RIGHT );
 159   }
 160   else
 161   {
 162     mDirectionButton.SetProperty( PushButton::Property::UNSELECTED_ICON, RTL_IMAGE );
 163     mDirectionButton.SetProperty( PushButton::Property::SELECTED_ICON, RTL_SELECTED_IMAGE );
 164     mLinearContainer.SetProperty( Actor::Property::LAYOUT_DIRECTION, LayoutDirection::RIGHT_TO_LEFT );
 165   }
 166   mLTRDirection = !mLTRDirection;
 167   return true;
 168 }
 169
 170 // Rotate layout by changing layout
 171 bool LinearExample::OnRotateClicked( Button button )
 172 {
 173   auto layout = LinearLayout::DownCast( DevelControl::GetLayout( mLinearContainer ) );
 174   if( layout.GetOrientation() == LinearLayout::Orientation::VERTICAL )
 175   {
 176     layout.SetOrientation( LinearLayout::Orientation::HORIZONTAL );
 177     layout.SetAlignment(LinearLayout::Alignment::CENTER_VERTICAL );
 178   }
 179   else
 180   {
 181     layout.SetOrientation( LinearLayout::Orientation::VERTICAL );
 182     layout.SetAlignment( LinearLayout::Alignment::CENTER_HORIZONTAL );
 183   }
 184   return true;
 185 }
 186
 187 bool LinearExample::OnAlignmentClicked( Button button )
 188 {
 189   auto layout = LinearLayout::DownCast( DevelControl::GetLayout( mLinearContainer ) );
 190   if ( layout.GetAlignment() == LinearLayout::Alignment::CENTER_VERTICAL ) {
 191     layout.SetAlignment( LinearLayout::Alignment::BEGIN );
 192   }
 193   else if ( layout.GetAlignment() == LinearLayout::Alignment::BEGIN )
 194   {
 195     layout.SetAlignment( LinearLayout::Alignment::END );
 196   }
 197   else if ( layout.GetAlignment() == LinearLayout::Alignment::END )
 198   {
 199     layout.SetAlignment( LinearLayout::Alignment::CENTER_HORIZONTAL);
 200   }
 201   else if ( layout.GetAlignment() == LinearLayout::Alignment::CENTER_HORIZONTAL )
 202   {
 203     layout.SetAlignment( LinearLayout::Alignment::TOP );
 204   }
 205   else if ( layout.GetAlignment() == LinearLayout::Alignment::TOP )
 206   {
 207     layout.SetAlignment( LinearLayout::Alignment::BOTTOM );
 208   }
 209   else if ( layout.GetAlignment() == LinearLayout::Alignment::BOTTOM )
 210   {
 211     layout.SetAlignment( LinearLayout::Alignment::CENTER_VERTICAL );
 212   }
 213   return true;
 214 }
 215
 216 } // namespace Demo