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
  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 Texture LoadTextures( 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   Texture texture = Texture::New( Dali::TextureType::TEXTURE_2D, Pixel::RGB888, width, height );
  83   texture.Upload( pixelData1 );
  84   texture.Upload( pixelData2, 0u, 0u, pixelData1.GetWidth(), 0u, pixelData2.GetWidth(), pixelData2.GetHeight() );
  85
  86   return texture;
  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 texture to represent a page.
 103    * @param[in] pageId The ID of the page to create.
 104    * @return A texture, or an uninitialized handle if the ID is out of range.
 105    */
 106   virtual Texture NewPage( unsigned int pageId )
 107   {
 108     Texture page;
 109
 110     if( pageId == 0 )
 111     {
 112       page = DemoHelper::LoadTexture( BOOK_COVER_PORTRAIT );
 113     }
 114     else
 115     {
 116       page = DemoHelper::LoadTexture( 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 texture to represent a page.
 136    * @param[in] pageId The ID of the page to create.
 137    * @return A texture, or an uninitialized handle if the ID is out of range.
 138    */
 139   virtual Texture NewPage( unsigned int pageId )
 140   {
 141     Texture page;
 142     if( pageId == 0 )
 143     {
 144       page = LoadTextures( BOOK_COVER_LANDSCAPE, BOOK_COVER_BACK_LANDSCAPE );
 145     }
 146     else
 147     {
 148       unsigned int imageId = (pageId-1)*2;
 149       page = LoadTextures( PAGE_IMAGES_LANDSCAPE[ imageId % NUMBER_OF_LANDSCAPE_IMAGE ], PAGE_IMAGES_LANDSCAPE[ (imageId+1) % NUMBER_OF_LANDSCAPE_IMAGE ] );
 150     }
 151
 152     return page;
 153   }
 154 };
 155
 156 /**
 157  * This example shows how to use the page turn UI control to implement the page-turn demo
 158  * The effect follows the pan gesture to animate the page
 159  * Pan the page inwards, the page will bent,
 160  * Depends on the distance of the panning, the page might turn over or slide back
 161  * Also, in portrait view, the pan gesture outwards from position near the spine could turn the previous page back
 162  * Allows to turn multiple pages one by one quickly towards the same direction, multiple animations are launched in this case
 163 */
 164 class PageTurnController : public ConnectionTracker
 165 {
 166 public:
 167   PageTurnController( Application &app );
 168   ~PageTurnController();
 169
 170   //This method gets called once the main loop of application is up and running
 171   void OnInit( Application& app );
 172
 173 private:
 174
 175   /**
 176    * This method gets called when the button is clicked, switch between portrait and landscape views
 177    */
 178   bool OnButtonClicked(Toolkit::Button button);
 179
 180   /**
 181    * Main key event handler
 182    */
 183   void OnKeyEvent(const KeyEvent& event);
 184
 185   /**
 186    * Callback function of page turned signal
 187    * @param[in] pageTurnView The handle of the PageTurnPortraitView or PageTurnLandscapeView
 188    * @param[in] pageIndex The index of the page turned over
 189    * @param[in] isTurningForward The turning direction, forwards or backwards
 190    */
 191   void OnPageStartedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward );
 192
 193   /**
 194    * Callback function of page turned signal
 195    * @param[in] pageTurnView The handle of the PageTurnPortraitView or PageTurnLandscapeView
 196    * @param[in] pageIndex The index of the page turned over
 197    * @param[in] isTurningForward The turning direction, forwards or backwards
 198    */
 199   void OnPageFinishedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward );
 200
 201   /**
 202    * Callback function of page started pan signal
 203    *
 204    * @param[in] pageTurnView The calling page turn view
 205    */
 206   void OnPageStartedPan( PageTurnView pageTurnView );
 207
 208   /**
 209    * Callback function of page finished pan signal
 210    *
 211    * @param[in] pageTurnView The calling page turn view
 212    */
 213   void OnPageFinishedPan( PageTurnView pageTurnView );
 214
 215 private:
 216
 217   Application&                mApplication;
 218   Layer                       mButtonLayer;
 219
 220   PageTurnView                mPageTurnPortraitView;
 221   PageTurnView                mPageTurnLandscapeView;
 222   PortraitPageFactory         mPortraitPageFactory;
 223   LandscapePageFactory        mLandscapePageFactory;
 224
 225   bool                        mIsPortrait;
 226 };
 227
 228 PageTurnController::PageTurnController( Application &app )
 229 :mApplication( app ),
 230  mIsPortrait( true )
 231 {
 232   // Connect to the Application's Init signal
 233   app.InitSignal().Connect( this, &PageTurnController::OnInit );
 234 }
 235
 236 PageTurnController::~PageTurnController()
 237 {
 238 }
 239
 240
 241 void PageTurnController::OnInit( Application& app )
 242 {
 243   // The Init signal is received once ( only ) during the Application lifetime
 244
 245   Stage::GetCurrent().KeyEventSignal().Connect(this, &PageTurnController::OnKeyEvent);
 246
 247   // Hide the indicator bar
 248   app.GetWindow().ShowIndicator( Dali::Window::INVISIBLE );
 249
 250   Stage stage = Stage::GetCurrent();
 251   Vector2 stageSize =  stage.GetSize();
 252
 253   mButtonLayer = Layer::New();
 254   mButtonLayer.SetAnchorPoint( Dali::AnchorPoint::CENTER );
 255   mButtonLayer.SetParentOrigin( Dali::ParentOrigin::CENTER );
 256   mButtonLayer.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
 257   Toolkit::PushButton button = Toolkit::PushButton::New();
 258   button.SetAnchorPoint( AnchorPoint::TOP_RIGHT );
 259   button.SetParentOrigin( ParentOrigin::TOP_RIGHT );
 260   button.SetUnselectedImage( CHANGE_IMAGE_ICON  );
 261   button.SetSelectedImage( CHANGE_IMAGE_ICON_SELECTED );
 262   button.SetLeaveRequired( true );
 263   button.SetScale(1.5f);
 264   button.PressedSignal().Connect( this, &PageTurnController::OnButtonClicked );
 265   stage.Add( mButtonLayer );
 266   mButtonLayer.Add(button);
 267
 268   Vector2 bookSize( stageSize.x > stageSize.y ? stageSize.y : stageSize.x,
 269                     stageSize.x > stageSize.y ? stageSize.x : stageSize.y );
 270
 271   mPageTurnPortraitView = PageTurnPortraitView::New( mPortraitPageFactory, bookSize );
 272   mPageTurnPortraitView.SetParentOrigin( ParentOrigin::CENTER );
 273   mPageTurnPortraitView.SetAnchorPoint( AnchorPoint::CENTER );
 274   mPageTurnPortraitView.SetProperty( PageTurnView::Property::SPINE_SHADOW, Vector2(70.f, 30.f) );
 275   mPageTurnPortraitView.PageTurnStartedSignal().Connect( this, &PageTurnController::OnPageStartedTurn );
 276   mPageTurnPortraitView.PageTurnFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedTurn );
 277   mPageTurnPortraitView.PagePanStartedSignal().Connect( this, &PageTurnController::OnPageStartedPan );
 278   mPageTurnPortraitView.PagePanFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedPan );
 279
 280   mPageTurnLandscapeView = PageTurnLandscapeView::New( mLandscapePageFactory, Vector2(bookSize.y*0.5f, bookSize.x) );
 281   mPageTurnLandscapeView.SetParentOrigin( ParentOrigin::CENTER );
 282   mPageTurnLandscapeView.SetAnchorPoint( AnchorPoint::CENTER );
 283   mPageTurnLandscapeView.PageTurnStartedSignal().Connect( this, &PageTurnController::OnPageStartedTurn );
 284   mPageTurnLandscapeView.PageTurnFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedTurn );
 285   mPageTurnLandscapeView.PagePanStartedSignal().Connect( this, &PageTurnController::OnPageStartedPan );
 286   mPageTurnLandscapeView.PagePanFinishedSignal().Connect( this, &PageTurnController::OnPageFinishedPan );
 287
 288   if( stageSize.x > stageSize.y )
 289   {
 290     stage.Add(mPageTurnLandscapeView);
 291     mPageTurnPortraitView.SetOrientation(Degree(90.f), Vector3::ZAXIS);
 292     mIsPortrait = false;
 293   }
 294   else
 295   {
 296     stage.Add(mPageTurnPortraitView);
 297     mPageTurnLandscapeView.SetOrientation(Degree(90.f), Vector3::ZAXIS);
 298     mIsPortrait = true;
 299   }
 300
 301   mButtonLayer.RaiseToTop();
 302 }
 303
 304 bool PageTurnController::OnButtonClicked(Toolkit::Button button)
 305 {
 306   if( mIsPortrait )
 307   {
 308     mPageTurnPortraitView.Unparent();
 309     Stage::GetCurrent().Add( mPageTurnLandscapeView );
 310     int pageId = mPageTurnPortraitView.GetProperty( PageTurnView::Property::CURRENT_PAGE_ID ).Get<int>();
 311     int currentPage = ceil( static_cast<float>(pageId) / PAGE_NUMBER_CORRESPONDING_RATIO );
 312     mPageTurnLandscapeView.SetProperty(PageTurnView::Property::CURRENT_PAGE_ID, currentPage );
 313   }
 314   else
 315   {
 316     mPageTurnLandscapeView.Unparent();
 317     Stage::GetCurrent().Add( mPageTurnPortraitView );
 318     int pageId = mPageTurnLandscapeView.GetProperty( PageTurnView::Property::CURRENT_PAGE_ID ).Get<int>();
 319     int currentPage = floor(pageId * PAGE_NUMBER_CORRESPONDING_RATIO );
 320     mPageTurnPortraitView.SetProperty(PageTurnView::Property::CURRENT_PAGE_ID, currentPage );
 321   }
 322
 323   mIsPortrait = !mIsPortrait;
 324   mButtonLayer.RaiseToTop();
 325   return true;
 326 }
 327
 328 /**
 329  * Main key event handler
 330  */
 331 void PageTurnController::OnKeyEvent(const KeyEvent& event)
 332 {
 333   if(event.state == KeyEvent::Down)
 334   {
 335     if( IsKey( event, Dali::DALI_KEY_ESCAPE) || IsKey( event, Dali::DALI_KEY_BACK) )
 336     {
 337       mApplication.Quit();
 338     }
 339   }
 340 }
 341
 342 void PageTurnController::OnPageStartedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward )
 343 {
 344   std::cout<< ( ( pageTurnView == mPageTurnPortraitView ) ? " portrait: " : " Landscape: " )
 345            << " page " << pageIndex
 346            << ( isTurningForward ? " is starting to turn forward" : " is starting to turn backward" )
 347            << std::endl;
 348 }
 349
 350 void PageTurnController::OnPageFinishedTurn( PageTurnView pageTurnView, unsigned int pageIndex, bool isTurningForward )
 351 {
 352   std::cout<< ( ( pageTurnView == mPageTurnPortraitView ) ? " portrait: " : " Landscape: " )
 353            << " page " << pageIndex
 354            << ( isTurningForward ? " has finished turning forward" : " has finished turning backward" )
 355            << std::endl;
 356 }
 357
 358 void PageTurnController::OnPageStartedPan( PageTurnView pageTurnView )
 359 {
 360   std::cout<< "Starting to pan" << std::endl;
 361 }
 362
 363 void PageTurnController::OnPageFinishedPan( PageTurnView pageTurnView )
 364 {
 365   std::cout<< "Finished panning" << std::endl;
 366 }
 367
 368 // Entry point for applications
 369 int DALI_EXPORT_API main( int argc, char **argv )
 370 {
 371   Application app = Application::New(&argc, &argv, DEMO_THEME_PATH);
 372   PageTurnController test ( app );
 373
 374   app.MainLoop();
 375
 376   return 0;
 377 }