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