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 const char* WEIGHT_IMAGE( DEMO_IMAGE_DIR "icon-item-view-layout-grid.png" );
  46 const char* WEIGHT_SELECTED_IMAGE( DEMO_IMAGE_DIR "icon-item-view-layout-grid-selected.png" );
  47
  48 // Child image filenames
  49 const char* IMAGE_PATH[] = {
  50   DEMO_IMAGE_DIR "application-icon-101.png",
  51   DEMO_IMAGE_DIR "application-icon-102.png",
  52   DEMO_IMAGE_DIR "application-icon-103.png",
  53   DEMO_IMAGE_DIR "application-icon-104.png"
  54 };
  55
  56 const unsigned int NUMBER_OF_RESOURCES = sizeof(IMAGE_PATH) / sizeof(char*);
  57
  58 // Helper function to create ImageViews with given filename and size.
  59 void CreateChildImageView( ImageView& imageView, const char* filename, Size size )
  60 {
  61   imageView = ImageView::New();
  62   Property::Map imagePropertyMap;
  63   imagePropertyMap[ Toolkit::Visual::Property::TYPE ] = Toolkit::Visual::IMAGE;
  64   imagePropertyMap[ Toolkit::ImageVisual::Property::URL ] = filename;
  65   imagePropertyMap[ ImageVisual::Property::DESIRED_WIDTH ] = size.width;
  66   imagePropertyMap[ ImageVisual::Property::DESIRED_HEIGHT ] = size.height;
  67   imageView.SetProperty( Toolkit::ImageView::Property::IMAGE, imagePropertyMap );
  68   imageView.SetName( "ImageView" );
  69   imageView.SetAnchorPoint( AnchorPoint::TOP_LEFT );
  70   imageView.SetResizePolicy( ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS );
  71 }
  72
  73 }  // namespace
  74
  75 namespace Demo
  76 {
  77
  78 LinearExample::LinearExample()
  79 : Example( TITLE ),
  80   mLTRDirection(true),
  81   mImagesWeighted (false )
  82 {
  83 }
  84
  85 void LinearExample::Create()
  86 {
  87   auto stage = Stage::GetCurrent();
  88
  89   mDirectionButton = PushButton::New();
  90   mDirectionButton.SetProperty( PushButton::Property::UNSELECTED_ICON, RTL_IMAGE );
  91   mDirectionButton.SetProperty( PushButton::Property::SELECTED_ICON, RTL_SELECTED_IMAGE );
  92   mDirectionButton.ClickedSignal().Connect( this, &LinearExample::OnDirectionClicked );
  93   mDirectionButton.SetParentOrigin( Vector3( 0.2f, 1.0f, 0.5f ) );
  94   mDirectionButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
  95   mDirectionButton.SetSize( 75, 75 );
  96   stage.Add( mDirectionButton );
  97
  98   mAlignmentButton = PushButton::New();
  99   mAlignmentButton.SetProperty( PushButton::Property::UNSELECTED_ICON, ALIGN_IMAGE );
 100   mAlignmentButton.SetProperty( PushButton::Property::SELECTED_ICON, ALIGN_SELECTED_IMAGE );
 101   mAlignmentButton.ClickedSignal().Connect( this, &LinearExample::OnAlignmentClicked );
 102   mAlignmentButton.SetParentOrigin( Vector3( 0.4f, 1.0f, 0.5f ) );
 103   mAlignmentButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
 104   mAlignmentButton.SetSize( 75, 75 );
 105   stage.Add( mAlignmentButton );
 106
 107   mWeightButton = Toolkit::PushButton::New();
 108   mWeightButton.SetProperty( PushButton::Property::UNSELECTED_ICON, WEIGHT_IMAGE );
 109   mWeightButton.SetProperty( PushButton::Property::SELECTED_ICON, WEIGHT_SELECTED_IMAGE );
 110   mWeightButton.ClickedSignal().Connect( this, &LinearExample::OnWeightClicked );
 111   mWeightButton.SetParentOrigin( Vector3( 0.6f, 1.0f, 0.5f ) );
 112   mWeightButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
 113   mWeightButton.SetSize( 75, 75 );
 114   stage.Add( mWeightButton );
 115
 116   mRotateButton = PushButton::New();
 117   mRotateButton.SetProperty( PushButton::Property::UNSELECTED_ICON, ROTATE_CLOCKWISE_IMAGE );
 118   mRotateButton.SetProperty( PushButton::Property::SELECTED_ICON, ROTATE_CLOCKWISE_SELECTED_IMAGE );
 119   mRotateButton.ClickedSignal().Connect( this, &LinearExample::OnRotateClicked );
 120   mRotateButton.SetParentOrigin( Vector3( 0.8f, 1.0f, 0.5f ) );
 121   mRotateButton.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
 122   mRotateButton.SetSize( 75, 75 );
 123   stage.Add( mRotateButton );
 124
 125   // Create a linear layout
 126   mLinearContainer = Control::New();
 127   auto layout = LinearLayout::New();
 128   layout.SetAnimateLayout(true);
 129   layout.SetOrientation( LinearLayout::Orientation::HORIZONTAL );
 130   layout.SetAlignment( LinearLayout::Alignment::CENTER_VERTICAL );
 131   DevelControl::SetLayout( mLinearContainer, layout );
 132
 133   mLinearContainer.SetParentOrigin( ParentOrigin::CENTER );
 134   mLinearContainer.SetAnchorPoint( AnchorPoint::CENTER );
 135   mLinearContainer.SetName( "LinearExample" );
 136   stage.Add( mLinearContainer );
 137   mLinearContainer.SetProperty( Toolkit::LayoutItem::ChildProperty::WIDTH_SPECIFICATION, ChildLayoutData::MATCH_PARENT );
 138   mLinearContainer.SetProperty( Toolkit::LayoutItem::ChildProperty::HEIGHT_SPECIFICATION, ChildLayoutData::MATCH_PARENT );
 139   mLinearContainer.SetProperty( Actor::Property::LAYOUT_DIRECTION, LayoutDirection::LEFT_TO_RIGHT );
 140
 141   for( unsigned int x = 0; x < NUMBER_OF_RESOURCES; ++x )
 142   {
 143     Toolkit::ImageView imageView;
 144     CreateChildImageView( imageView, IMAGE_PATH[ x ], Size( 100.0f, 100.0f ) );
 145     mLinearContainer.Add( imageView );
 146     mImages.push_back( imageView );
 147   }
 148 }
 149
 150 // Remove controls added by this example from stage
 151 void LinearExample::Remove()
 152 {
 153   if ( mLinearContainer )
 154   {
 155     UnparentAndReset( mDirectionButton );
 156     UnparentAndReset( mAlignmentButton );
 157     UnparentAndReset( mWeightButton );
 158     UnparentAndReset( mRotateButton );
 159     UnparentAndReset( mLinearContainer);
 160   }
 161 }
 162
 163 // Mirror items in layout
 164 bool LinearExample::OnDirectionClicked( Button button )
 165 {
 166   auto layout = LinearLayout::DownCast( DevelControl::GetLayout( mLinearContainer ) );
 167   layout.SetOrientation( LinearLayout::Orientation::HORIZONTAL );
 168   if( !mLTRDirection )
 169   {
 170     mDirectionButton.SetProperty( PushButton::Property::UNSELECTED_ICON, LTR_IMAGE );
 171     mDirectionButton.SetProperty( PushButton::Property::SELECTED_ICON, LTR_SELECTED_IMAGE );
 172     mLinearContainer.SetProperty( Actor::Property::LAYOUT_DIRECTION, LayoutDirection::LEFT_TO_RIGHT );
 173   }
 174   else
 175   {
 176     mDirectionButton.SetProperty( PushButton::Property::UNSELECTED_ICON, RTL_IMAGE );
 177     mDirectionButton.SetProperty( PushButton::Property::SELECTED_ICON, RTL_SELECTED_IMAGE );
 178     mLinearContainer.SetProperty( Actor::Property::LAYOUT_DIRECTION, LayoutDirection::RIGHT_TO_LEFT );
 179   }
 180   mLTRDirection = !mLTRDirection;
 181   return true;
 182 }
 183
 184 // Rotate layout by changing layout
 185 bool LinearExample::OnRotateClicked( Button button )
 186 {
 187   auto layout = LinearLayout::DownCast( DevelControl::GetLayout( mLinearContainer ) );
 188   if( layout.GetOrientation() == LinearLayout::Orientation::VERTICAL )
 189   {
 190     layout.SetOrientation( LinearLayout::Orientation::HORIZONTAL );
 191     layout.SetAlignment(LinearLayout::Alignment::CENTER_VERTICAL );
 192   }
 193   else
 194   {
 195     layout.SetOrientation( LinearLayout::Orientation::VERTICAL );
 196     layout.SetAlignment( LinearLayout::Alignment::CENTER_HORIZONTAL );
 197   }
 198   return true;
 199 }
 200
 201 bool LinearExample::OnAlignmentClicked( Button button )
 202 {
 203   auto layout = LinearLayout::DownCast( DevelControl::GetLayout( mLinearContainer ) );
 204   if ( layout.GetAlignment() == LinearLayout::Alignment::CENTER_VERTICAL ) {
 205     layout.SetAlignment( LinearLayout::Alignment::BEGIN );
 206   }
 207   else if ( layout.GetAlignment() == LinearLayout::Alignment::BEGIN )
 208   {
 209     layout.SetAlignment( LinearLayout::Alignment::END );
 210   }
 211   else if ( layout.GetAlignment() == LinearLayout::Alignment::END )
 212   {
 213     layout.SetAlignment( LinearLayout::Alignment::CENTER_HORIZONTAL);
 214   }
 215   else if ( layout.GetAlignment() == LinearLayout::Alignment::CENTER_HORIZONTAL )
 216   {
 217     layout.SetAlignment( LinearLayout::Alignment::TOP );
 218   }
 219   else if ( layout.GetAlignment() == LinearLayout::Alignment::TOP )
 220   {
 221     layout.SetAlignment( LinearLayout::Alignment::BOTTOM );
 222   }
 223   else if ( layout.GetAlignment() == LinearLayout::Alignment::BOTTOM )
 224   {
 225     layout.SetAlignment( LinearLayout::Alignment::CENTER_VERTICAL );
 226   }
 227   return true;
 228 }
 229
 230 bool LinearExample::OnWeightClicked( Button button )
 231 {
 232   if( !mImagesWeighted )
 233   {
 234     for( auto&& iter : mImages )
 235     {
 236       iter.SetProperty( Toolkit::LinearLayout::ChildProperty::WEIGHT, 0.25f );
 237     }
 238   }
 239   else
 240   {
 241     for( auto&& iter : mImages )
 242     {
 243       iter.SetProperty( Toolkit::LinearLayout::ChildProperty::WEIGHT, 0.0f );
 244     }
 245   }
 246
 247   mImagesWeighted = !mImagesWeighted;
 248   return true;
 249 }
 250
 251 } // namespace Demo