examples/page-turn-view/page-turn-view-example.cpp

   1 /*
   2  * Copyright (c) 2016 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/dali.h>
  19 #include <dali-toolkit/dali-toolkit.h>
  20 #include <dali-toolkit/devel-api/image-atlas/image-atlas.h>
  21 #include <dali-toolkit/devel-api/controls/page-turn-view/page-factory.h>
  22 #include <dali-toolkit/devel-api/controls/page-turn-view/page-turn-landscape-view.h>
  23 #include <dali-toolkit/devel-api/controls/page-turn-view/page-turn-portrait-view.h>
  24 #include <dali-toolkit/devel-api/controls/page-turn-view/page-turn-view.h>
  25 #include <dali/devel-api/images/atlas.h>
  26
  27 #include <assert.h>
  28 #include <cstdlib>
  29 #include <string.h>
  30 #include <iostream>
  31
  32 #include "shared/view.h"
  33 #include "shared/utility.h"
  34
  35 using namespace Dali;
  36 using namespace Dali::Toolkit;
  37
  38 // LOCAL STUFF
  39 namespace
  40 {
  41 const char* const CHANGE_IMAGE_ICON(DEMO_IMAGE_DIR "icon-change.png");
  42 const char* const CHANGE_IMAGE_ICON_SELECTED( DEMO_IMAGE_DIR "icon-change-selected.png" );
  43
  44 // The content amount of one page between portrait and landscape view are different
  45 // set a ratio to modify the current page number when the rotation is changed
  46 const float PAGE_NUMBER_CORRESPONDING_RATIO(1.25f);
  47
  48 const char* BOOK_COVER_PORTRAIT( DEMO_IMAGE_DIR "book-portrait-cover.jpg" );
  49 const char* BOOK_COVER_LANDSCAPE( DEMO_IMAGE_DIR "book-landscape-cover.jpg" );
  50 const char* BOOK_COVER_BACK_LANDSCAPE( DEMO_IMAGE_DIR "book-landscape-cover-back.jpg" );
  51
  52 const char* PAGE_IMAGES_PORTRAIT[] =
  53 {
  54   DEMO_IMAGE_DIR "book-portrait-p1.jpg",
  55   DEMO_IMAGE_DIR "book-portrait-p2.jpg",
  56   DEMO_IMAGE_DIR "book-portrait-p3.jpg",
  57   DEMO_IMAGE_DIR "book-portrait-p4.jpg",
  58   DEMO_IMAGE_DIR "book-portrait-p5.jpg"
  59 };
  60 const unsigned int NUMBER_OF_PORTRAIT_IMAGE( sizeof(PAGE_IMAGES_PORTRAIT) / sizeof(PAGE_IMAGES_PORTRAIT[0]) );
  61
  62 const char* PAGE_IMAGES_LANDSCAPE[] =
  63 {
  64   DEMO_IMAGE_DIR "book-landscape-p1.jpg",
  65   DEMO_IMAGE_DIR "book-landscape-p2.jpg",
  66   DEMO_IMAGE_DIR "book-landscape-p3.jpg",
  67   DEMO_IMAGE_DIR "book-landscape-p4.jpg",
  68   DEMO_IMAGE_DIR "book-landscape-p5.jpg",
  69   DEMO_IMAGE_DIR "book-landscape-p6.jpg",
  70   DEMO_IMAGE_DIR "book-landscape-p7.jpg",
  71   DEMO_IMAGE_DIR "book-landscape-p8.jpg"
  72 };
  73 const unsigned int NUMBER_OF_LANDSCAPE_IMAGE( sizeof(PAGE_IMAGES_LANDSCAPE) / sizeof(PAGE_IMAGES_LANDSCAPE[0]) );
  74
  75 Atlas LoadImages( const char*imagePath1, const char* imagePath2 )
  76 {
  77   PixelData pixelData1 = DemoHelper::LoadPixelData( imagePath1, ImageDimensions(), FittingMode::DEFAULT, SamplingMode::DEFAULT );
  78   PixelData pixelData2 = DemoHelper::LoadPixelData( imagePath2, ImageDimensions(), FittingMode::DEFAULT, SamplingMode::DEFAULT );
  79
  80   unsigned int width = pixelData1.GetWidth()+pixelData2.GetWidth();
  81   unsigned int height = pixelData1.GetHeight() > pixelData2.GetHeight() ? pixelData1.GetHeight() : pixelData2.GetHeight();
  82
  83   Atlas image  = Atlas::New( width, height );
  84   image.Upload( pixelData1, 0u, 0u );
  85   image.Upload( pixelData2, pixelData1.GetWidth(), 0u );
  86
  87   return image;
  88 }
  89
  90 }// end LOCAL STUFF
  91
  92 class PortraitPageFactory : public PageFactory
  93 {
  94   /**
  95    * Query the number of pages available from the factory.
  96    * The maximum available page has an ID of GetNumberOfPages()-1.
  97    */
  98   virtual unsigned int GetNumberOfPages()
  99   {
 100     return 10*NUMBER_OF_PORTRAIT_IMAGE + 1;
 101   }
 102   /**
 103    * Create an image to represent a page.
 104    * @param[in] pageId The ID of the page to create.
 105    * @return An image, or an uninitialized pointer if the ID is out of range.
 106    */
 107   virtual Image NewPage( unsigned int pageId )
 108   {
 109     Atlas page;
 110
 111     if( pageId == 0 )
 112     {
 113       page = DemoHelper::LoadImage( BOOK_COVER_PORTRAIT );
 114     }
 115     else
 116     {
 117       page = DemoHelper::LoadImage( PAGE_IMAGES_PORTRAIT[ (pageId-1) % NUMBER_OF_PORTRAIT_IMAGE ] );
 118     }
 119
 120     return page;
 121   }
 122 };
 123
 124 class LandscapePageFactory : public PageFactory
 125 {
 126
 127   /**
 128    * Query the number of pages available from the factory.
 129    * The maximum available page has an ID of GetNumberOfPages()-1.
 130    */
 131   virtual unsigned int GetNumberOfPages()
 132   {
 133     return 10*NUMBER_OF_LANDSCAPE_IMAGE / 2 + 1;
 134   }
 135   /**
 136    * Create an image to represent a page.
 137    * @param[in] pageId The ID of the page to create.
 138    * @return An image, or an uninitialized pointer if the ID is out of range.
 139    */
 140   virtual Image NewPage( unsigned int pageId )
 141   {
 142
 143     Atlas page;
 144     if( pageId == 0 )
 145     {
 146       page = LoadImages( BOOK_COVER_LANDSCAPE, BOOK_COVER_BACK_LANDSCAPE );
 147     }
 148     else
 149     {
 150       unsigned int imageId = (pageId-1)*2;
 151       page = LoadImages( PAGE_IMAGES_LANDSCAPE[ imageId % NUMBER_OF_LANDSCAPE_IMAGE ], PAGE_IMAGES_LANDSCAPE[ (imageId+1) % NUMBER_OF_LANDSCAPE_IMAGE ] );
 152     }
 153
 154     return page;
 155   }
 156 };
 157
 158 /**
 159  * This example shows how to use the page turn UI control to implement the page-turn demo
 160  * The effect follows the pan gesture to animate the page
 161  * Pan the image inwards, the page will bent,
 162  * Depends on the distance of the panning, the image might turn over or slide back
 163  * Also, in portrait view, the pan gesture outwards from position near the spine could turn the previous page back
 164  * Allows to turn multiple pages one by one quickly towards the same direction, multiple animations are launched in this case
 165 */
 166 class PageTurnController : public ConnectionTracker
 167 {
 168 public:
 169   PageTurnController( Application &app );
 170   ~PageTurnController();
 171
 172   //This method gets called once the main loop of application is up and running
 173   void OnInit( Application& app );
 174
 175 private:
 176
 177   /**
 178    * This method gets called when the button is clicked, switch between portrait and landscape views
 179    */
 180   bool OnButtonClicked(Toolkit::Button button);
 181
 182   /**
 183    * Main key event handler
 184    */
 185   void OnKeyEvent(const KeyEvent& event);
 186
 187   /**
 188    * Callback function of page turned signal
 189    * @param[in] pageTurnView The handle of the PageTurnPortraitView or PageTurnLandscapeView
 190    * @param[in] pageIndex The index of the page turned over
 191    * @param[in] isTurningForward The turning direction, forwards or backwards
 192    */
 193   void OnPageStartedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward );
 194
 195   /**
 196    * Callback function of page turned signal
 197    * @param[in] pageTurnView The handle of the PageTurnPortraitView or PageTurnLandscapeView
 198    * @param[in] pageIndex The index of the page turned over
 199    * @param[in] isTurningForward The turning direction, forwards or backwards
 200    */
 201   void OnPageFinishedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward );
 202
 203   /**
 204    * Callback function of page started pan signal
 205    *
 206    * @param[in] pageTurnView The calling page turn view
 207    */
 208   void OnPageStartedPan( PageTurnView pageTurnView );
 209
 210   /**
 211    * Callback function of page finished pan signal
 212    *
 213    * @param[in] pageTurnView The calling page turn view
 214    */
 215   void OnPageFinishedPan( PageTurnView pageTurnView );
 216
 217 private:
 218
 219   Application&                mApplication;
 220   Layer                       mButtonLayer;
 221
 222   PageTurnView                mPageTurnPortraitView;
 223   PageTurnView                mPageTurnLandscapeView;
 224   PortraitPageFactory         mPortraitPageFactory;
 225   LandscapePageFactory        mLandscapePageFactory;
 226
 227   bool                        mIsPortrait;
 228 };
 229
 230 PageTurnController::PageTurnController( Application &app )
 231 :mApplication( app ),
 232  mIsPortrait( true )
 233 {
 234   // Connect to the Application's Init signal
 235   app.InitSignal().Connect( this, &PageTurnController::OnInit );
 236 }
 237
 238 PageTurnController::~PageTurnController()
 239 {
 240 }
 241
 242
 243 void PageTurnController::OnInit( Application& app )
 244 {
 245   // The Init signal is received once ( only ) during the Application lifetime
 246
 247   Stage::GetCurrent().KeyEventSignal().Connect(this, &PageTurnController::OnKeyEvent);
 248
 249   // Hide the indicator bar
 250   app.GetWindow().ShowIndicator( Dali::Window::INVISIBLE );
 251
 252   Stage stage = Stage::GetCurrent();
 253   Vector2 stageSize =  stage.GetSize();
 254
 255   mButtonLayer = Layer::New();
 256   mButtonLayer.SetAnchorPoint( Dali::AnchorPoint::CENTER );
 257   mButtonLayer.SetParentOrigin( Dali::ParentOrigin::CENTER );
 258   mButtonLayer.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
 259   Toolkit::PushButton button = Toolkit::PushButton::New();
 260   button.SetAnchorPoint( AnchorPoint::TOP_RIGHT );
 261   button.SetParentOrigin( ParentOrigin::TOP_RIGHT );
 262   button.SetUnselectedImage( CHANGE_IMAGE_ICON  );
 263   button.SetSelectedImage( CHANGE_IMAGE_ICON_SELECTED );
 264   button.SetLeaveRequired( true );
 265   button.SetScale(1.5f);
 266   button.PressedSignal().Connect( this, &PageTurnController::OnButtonClicked );
 267   stage.Add( mButtonLayer );
 268   mButtonLayer.Add(button);
 269
 270   Vector2 bookSize( stageSize.x > stageSize.y ? stageSize.y : stageSize.x,
 271                     stageSize.x > stageSize.y ? stageSize.x : stageSize.y );
 272
 273   mPageTurnPortraitView = PageTurnPortraitView::New( mPortraitPageFactory, bookSize );
 274   mPageTurnPortraitView.SetParentOrigin( ParentOrigin::CENTER );
 275   mPageTurnPortraitView.SetAnchorPoint( AnchorPoint::CENTER );
 276   mPageTurnPortraitView.SetProperty( PageTurnView::Property::SPINE_SHADOW, Vector2(70.f, 30.f) );
 277   mPageTurnPortraitView.PageTurnStartedSignal().Connect( this, &PageTurnController::OnPageStartedTurn );
 278   mPageTurnPortraitView.PageTurnFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedTurn );
 279   mPageTurnPortraitView.PagePanStartedSignal().Connect( this, &PageTurnController::OnPageStartedPan );
 280   mPageTurnPortraitView.PagePanFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedPan );
 281
 282   mPageTurnLandscapeView = PageTurnLandscapeView::New( mLandscapePageFactory, Vector2(bookSize.y*0.5f, bookSize.x) );
 283   mPageTurnLandscapeView.SetParentOrigin( ParentOrigin::CENTER );
 284   mPageTurnLandscapeView.SetAnchorPoint( AnchorPoint::CENTER );
 285   mPageTurnLandscapeView.PageTurnStartedSignal().Connect( this, &PageTurnController::OnPageStartedTurn );
 286   mPageTurnLandscapeView.PageTurnFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedTurn );
 287   mPageTurnLandscapeView.PagePanStartedSignal().Connect( this, &PageTurnController::OnPageStartedPan );
 288   mPageTurnLandscapeView.PagePanFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedPan );
 289
 290   if( stageSize.x > stageSize.y )
 291   {
 292     stage.Add(mPageTurnLandscapeView);
 293     mPageTurnPortraitView.SetOrientation(Degree(90.f), Vector3::ZAXIS);
 294     mIsPortrait = false;
 295   }
 296   else
 297   {
 298     stage.Add(mPageTurnPortraitView);
 299     mPageTurnLandscapeView.SetOrientation(Degree(90.f), Vector3::ZAXIS);
 300     mIsPortrait = true;
 301   }
 302
 303   mButtonLayer.RaiseToTop();
 304 }
 305
 306 bool PageTurnController::OnButtonClicked(Toolkit::Button button)
 307 {
 308   if( mIsPortrait )
 309   {
 310     mPageTurnPortraitView.Unparent();
 311     Stage::GetCurrent().Add( mPageTurnLandscapeView );
 312     int pageId = mPageTurnPortraitView.GetProperty( PageTurnView::Property::CURRENT_PAGE_ID ).Get<int>();
 313     int currentPage = ceil( static_cast<float>(pageId) / PAGE_NUMBER_CORRESPONDING_RATIO );
 314     mPageTurnLandscapeView.SetProperty(PageTurnView::Property::CURRENT_PAGE_ID, currentPage );
 315   }
 316   else
 317   {
 318     mPageTurnLandscapeView.Unparent();
 319     Stage::GetCurrent().Add( mPageTurnPortraitView );
 320     int pageId = mPageTurnLandscapeView.GetProperty( PageTurnView::Property::CURRENT_PAGE_ID ).Get<int>();
 321     int currentPage = floor(pageId * PAGE_NUMBER_CORRESPONDING_RATIO );
 322     mPageTurnPortraitView.SetProperty(PageTurnView::Property::CURRENT_PAGE_ID, currentPage );
 323   }
 324
 325   mIsPortrait = !mIsPortrait;
 326   mButtonLayer.RaiseToTop();
 327   return true;
 328 }
 329
 330 /**
 331  * Main key event handler
 332  */
 333 void PageTurnController::OnKeyEvent(const KeyEvent& event)
 334 {
 335   if(event.state == KeyEvent::Down)
 336   {
 337     if( IsKey( event, Dali::DALI_KEY_ESCAPE) || IsKey( event, Dali::DALI_KEY_BACK) )
 338     {
 339       mApplication.Quit();
 340     }
 341   }
 342 }
 343
 344 void PageTurnController::OnPageStartedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward )
 345 {
 346   std::cout<< ( ( pageTurnView == mPageTurnPortraitView ) ? " portrait: " : " Landscape: " )
 347            << " page " << pageIndex
 348            << ( isTurningForward ? " is starting to turn forward" : " is starting to turn backward" )
 349            << std::endl;
 350 }
 351
 352 void PageTurnController::OnPageFinishedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward )
 353 {
 354   std::cout<< ( ( pageTurnView == mPageTurnPortraitView ) ? " portrait: " : " Landscape: " )
 355            << " page " << pageIndex
 356            << ( isTurningForward ? " has finished turning forward" : " has finished turning backward" )
 357            << std::endl;
 358 }
 359
 360 void PageTurnController::OnPageStartedPan( PageTurnView pageTurnView )
 361 {
 362   std::cout<< "Starting to pan" << std::endl;
 363 }
 364
 365 void PageTurnController::OnPageFinishedPan( PageTurnView pageTurnView )
 366 {
 367   std::cout<< "Finished panning" << std::endl;
 368 }
 369
 370 // Entry point for applications
 371 int DALI_EXPORT_API main( int argc, char **argv )
 372 {
 373   Application app = Application::New(&argc, &argv, DEMO_THEME_PATH);
 374   PageTurnController test ( app );
 375
 376   app.MainLoop();
 377
 378   return 0;
 379 }