X-Git-Url: http://review.tizen.org/git/?a=blobdiff_plain;ds=sidebyside;f=examples%2Fimage-view%2Fimage-view-example.cpp;h=afb3fe1fbf6cc06851ec59ee191440eba4d8c054;hb=68b461fd9a1cf09e63f7312ff46a06537032e558;hp=e2779c257d4fe5f524ed861ab06de3e87679860e;hpb=9a38745c71d57fe4d8926c3d776a835f946d025e;p=platform%2Fcore%2Fuifw%2Fdali-demo.git diff --git a/examples/image-view/image-view-example.cpp b/examples/image-view/image-view-example.cpp index e2779c2..afb3fe1 100644 --- a/examples/image-view/image-view-example.cpp +++ b/examples/image-view/image-view-example.cpp @@ -1,5 +1,5 @@ /* - * Copyright (c) 2015 Samsung Electronics Co., Ltd. + * Copyright (c) 2017 Samsung Electronics Co., Ltd. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -15,39 +15,58 @@ * */ +#include #include "shared/view.h" #include #include -#include +#include +#include using namespace Dali; namespace { -const char* BACKGROUND_IMAGE( DALI_IMAGE_DIR "background-gradient.jpg" ); -const char* TOOLBAR_IMAGE( DALI_IMAGE_DIR "top-bar.png" ); +const char* BACKGROUND_IMAGE( DEMO_IMAGE_DIR "background-gradient.jpg" ); +const char* TOOLBAR_IMAGE( DEMO_IMAGE_DIR "top-bar.png" ); const char* APPLICATION_TITLE( "Image view" ); const char* IMAGE_PATH[] = { - DALI_IMAGE_DIR "blocks-ball.png", - DALI_IMAGE_DIR "gallery-small-23.jpg", - DALI_IMAGE_DIR "selection-popup-bg.2.9.png", - DALI_IMAGE_DIR "heartsframe.9.png", + DEMO_IMAGE_DIR "gallery-small-23.jpg", + DEMO_IMAGE_DIR "woodEffect.jpg", + DEMO_IMAGE_DIR "heartsframe.9.png", + DEMO_IMAGE_DIR "World.svg" }; -const char* RESOURCE_IMAGE_PATH[] = { - DALI_IMAGE_DIR "contacts-image.png", - DALI_IMAGE_DIR "gallery-small-27.jpg", - DALI_IMAGE_DIR "selection-popup-bg.8.9.png", - DALI_IMAGE_DIR "heartsframe.9.png", +const unsigned int NUMBER_OF_IMAGES = 3; + +enum CellPlacement +{ + TOP_BUTTON, + LOWER_BUTTON, + IMAGE, + NUMBER_OF_ROWS }; -const unsigned int NUM_IMAGES = sizeof(IMAGE_PATH) / sizeof(char*); -const unsigned int NUM_RESOURCE_IMAGES = sizeof(RESOURCE_IMAGE_PATH) / sizeof(char*); -const unsigned int COLUMNS = 3; -const unsigned int ROWS = 4; +unsigned int GetButtonIndex( Toolkit::Button button ) +{ + std::string buttonName = button.GetName(); + unsigned int index = 0; + + if ( buttonName != "") + { + index = std::stoul( buttonName ); + } + + return index; +} + + +const unsigned int NUMBER_OF_RESOURCES = sizeof(IMAGE_PATH) / sizeof(char*); + +std::string EXAMPLE_INSTRUCTIONS = "Instructions: Change button cycles through different image visuals, " + "on/off takes the ImageView and it's current visual on or off stage."; } // namespace @@ -58,10 +77,7 @@ class ImageViewController: public ConnectionTracker ImageViewController( Application& application ) : mApplication( application ), mCurrentPositionToggle( 0, 0 ), - mCurrentPositionImage( 0, 0 ), - mToggleOff( true ), - mUseResource( false ), - mImageIdx( 1 ) + mCurrentPositionImage( 0, 0 ) { // Connect to the Application's Init signal mApplication.InitSignal().Connect( this, &ImageViewController::Create ); @@ -86,138 +102,132 @@ class ImageViewController: public ConnectionTracker APPLICATION_TITLE ); - mTable = Toolkit::TableView::New( ROWS, COLUMNS ); + // Create a table view to show a pair of buttons above each image. + mTable = Toolkit::TableView::New( CellPlacement::NUMBER_OF_ROWS, NUMBER_OF_IMAGES ); mTable.SetAnchorPoint( AnchorPoint::CENTER ); mTable.SetParentOrigin( ParentOrigin::CENTER ); - mTable.SetResizePolicy( ResizePolicy::SIZE_FIXED_OFFSET_FROM_PARENT, Dimension::ALL_DIMENSIONS ); - Vector3 offset( -50.0f, -350.0f, 0.0f ); + mTable.SetResizePolicy( ResizePolicy::SIZE_RELATIVE_TO_PARENT, Dimension::ALL_DIMENSIONS ); + Vector3 offset( 0.9f, 0.70f, 0.0f ); mTable.SetSizeModeFactor( offset ); - + mTable.SetFitHeight(CellPlacement::TOP_BUTTON); + mTable.SetFitHeight(CellPlacement::LOWER_BUTTON); mContentLayer.Add( mTable ); - for( unsigned int y = 0; y < ROWS; ++y ) - { - for( unsigned int x = 0; x < COLUMNS; ++x ) - { - mImageViews[x][y] = Toolkit::ImageView::New( IMAGE_PATH[ 0 ] ); - mImageViews[x][y].SetParentOrigin( ParentOrigin::CENTER ); - mImageViews[x][y].SetAnchorPoint( AnchorPoint::CENTER ); - mImageViews[x][y].SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS ); + Toolkit::TextLabel instructions = Toolkit::TextLabel::New( EXAMPLE_INSTRUCTIONS ); + instructions.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH ); + instructions.SetParentOrigin(ParentOrigin::BOTTOM_CENTER); + instructions.SetY(-50.0f); + instructions.SetProperty( Toolkit::TextLabel::Property::ENABLE_AUTO_SCROLL, true ); + instructions.SetProperty( Toolkit::TextLabel::Property::AUTO_SCROLL_LOOP_COUNT, 10 ); + mContentLayer.Add(instructions); - mTable.AddChild( mImageViews[x][y], Toolkit::TableView::CellPosition( y, x ) ); - } + for( unsigned int x = 0; x < NUMBER_OF_IMAGES; x++ ) + { + Toolkit::PushButton button = Toolkit::PushButton::New(); + button.SetProperty( Toolkit::Button::Property::LABEL, "on/off" ); + button.SetParentOrigin( ParentOrigin::TOP_CENTER ); + button.SetAnchorPoint( AnchorPoint::TOP_CENTER ); + button.ClickedSignal().Connect( this, &ImageViewController::ToggleImageOnStage ); + button.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH ); + button.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT ); + std::string s = std::to_string(x); + button.SetName( s ); + mTable.AddChild( button, Toolkit::TableView::CellPosition( CellPlacement::TOP_BUTTON, x ) ); + + Toolkit::PushButton button2 = Toolkit::PushButton::New(); + button2.SetProperty( Toolkit::Button::Property::LABEL, "Change" ); + button2.SetParentOrigin( ParentOrigin::BOTTOM_CENTER ); + button2.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER ); + button2.ClickedSignal().Connect( this, &ImageViewController::ChangeImageClicked ); + button2.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH ); + button2.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT ); + button2.SetName( s ); + mTable.AddChild( button2, Toolkit::TableView::CellPosition( CellPlacement::LOWER_BUTTON, x ) ); + + mImageViews[x] = Toolkit::ImageView::New( ); + Property::Map imagePropertyMap; + imagePropertyMap.Insert( Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE ); + imagePropertyMap.Insert( Toolkit::ImageVisual::Property::URL, IMAGE_PATH[ 0 ] ); + mImageViews[x].SetProperty(Toolkit::ImageView::Property::IMAGE , imagePropertyMap ); + + + mImageViews[x].SetParentOrigin( ParentOrigin::CENTER ); + mImageViews[x].SetAnchorPoint( AnchorPoint::CENTER ); + mImageViews[x].SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS ); + mTable.AddChild( mImageViews[x], Toolkit::TableView::CellPosition( CellPlacement::IMAGE, x ) ); + + // Set changeable counter and toggle for each ImageView + mImageViewImageIndexStatus[x] = true; + mImageViewToggleStatus[x] = true; } - Toolkit::TableView buttonsTable = Toolkit::TableView::New( 3, 1 ); - buttonsTable.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER ); - buttonsTable.SetParentOrigin( ParentOrigin::BOTTOM_CENTER ); - buttonsTable.SetFitHeight( 0 ); - buttonsTable.SetFitHeight( 1 ); - buttonsTable.SetFitHeight( 2 ); - buttonsTable.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH ); - - Toolkit::PushButton button = Toolkit::PushButton::New(); - button.SetLabelText( "Toggle on/off stage" ); - button.SetParentOrigin( ParentOrigin::CENTER ); - button.SetAnchorPoint( AnchorPoint::CENTER ); - button.ClickedSignal().Connect( this, &ImageViewController::ToggleImageOnStage ); - button.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH ); - buttonsTable.AddChild( button, Toolkit::TableView::CellPosition( 0, 0 ) ); - - Toolkit::PushButton button2 = Toolkit::PushButton::New(); - button2.SetLabelText( "Change Image" ); - button2.SetParentOrigin( ParentOrigin::CENTER ); - button2.SetAnchorPoint( AnchorPoint::CENTER ); - button2.ClickedSignal().Connect( this, &ImageViewController::ChangeImageClicked ); - button2.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH ); - buttonsTable.AddChild( button2, Toolkit::TableView::CellPosition( 1, 0 ) ); - - Toolkit::CheckBoxButton button3 = Toolkit::CheckBoxButton::New(); - button3.SetLabelText( "Use Resource Images" ); - button3.SetParentOrigin( ParentOrigin::CENTER ); - button3.SetAnchorPoint( AnchorPoint::CENTER ); - button3.ClickedSignal().Connect( this, &ImageViewController::UseResourceImagesClicked ); - button3.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH ); - buttonsTable.AddChild( button3, Toolkit::TableView::CellPosition( 2, 0 ) ); - - mContentLayer.Add(buttonsTable); + Stage::GetCurrent().KeyEventSignal().Connect(this, &ImageViewController::OnKeyEvent); } private: + + void ImmediateLoadImage( const char* urlToLoad ) + { + Property::Map imagePropertyMap; + imagePropertyMap.Insert( Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE ); + imagePropertyMap.Insert( Toolkit::ImageVisual::Property::URL, urlToLoad ); + Toolkit::Visual::Base visual = Toolkit::VisualFactory::Get().CreateVisual( imagePropertyMap ); + visual.Reset(); + } + bool ToggleImageOnStage( Toolkit::Button button ) { - Toolkit::ImageView imageView = mImageViews[ mCurrentPositionToggle.columnIndex ][ mCurrentPositionToggle.rowIndex ]; + unsigned int buttonIndex = GetButtonIndex( button ); + + Toolkit::ImageView imageView = mImageViews[ buttonIndex ]; - if( mToggleOff ) + if( mImageViewToggleStatus[ buttonIndex ] ) { imageView.Unparent(); } else { - mTable.AddChild( imageView, mCurrentPositionToggle ); + mTable.AddChild( imageView, Toolkit::TableView::CellPosition( 2, GetButtonIndex( button ) ) ); } - ++mCurrentPositionToggle.columnIndex; - if( mCurrentPositionToggle.columnIndex == COLUMNS ) - { - mCurrentPositionToggle.columnIndex = 0; - ++mCurrentPositionToggle.rowIndex; - } - if( mCurrentPositionToggle.rowIndex == ROWS ) - { - mCurrentPositionToggle.rowIndex = 0; - mToggleOff = !mToggleOff; - } + mImageViewToggleStatus[ buttonIndex ] = !mImageViewToggleStatus[ buttonIndex ]; return true; } bool ChangeImageClicked( Toolkit::Button button ) { - Toolkit::ImageView imageView = mImageViews[ mCurrentPositionImage.columnIndex ][ mCurrentPositionImage.rowIndex ]; + unsigned int buttonIndex = GetButtonIndex( button ); - if( mUseResource ) - { - ResourceImage image = ResourceImage::New( RESOURCE_IMAGE_PATH[ mImageIdx ] ); - imageView.SetImage( image ); - } - else + if ( mImageViews[buttonIndex].OnStage() ) { - imageView.SetImage( IMAGE_PATH[ mImageIdx ] ); - } + Property::Map imagePropertyMap; + imagePropertyMap.Insert( Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE ); + imagePropertyMap.Insert( Toolkit::ImageVisual::Property::URL, IMAGE_PATH[ mImageViewImageIndexStatus[buttonIndex] ] ); + mImageViews[buttonIndex].SetProperty(Toolkit::ImageView::Property::IMAGE , imagePropertyMap ); - ++mCurrentPositionImage.columnIndex; - if( mCurrentPositionImage.columnIndex == COLUMNS ) - { - mCurrentPositionImage.columnIndex = 0; - ++mCurrentPositionImage.rowIndex; - } - if( mCurrentPositionImage.rowIndex == ROWS ) - { - mCurrentPositionImage.rowIndex = 0; - ++mImageIdx; + ++mImageViewImageIndexStatus[buttonIndex]; - int numImages = mUseResource ? NUM_RESOURCE_IMAGES : NUM_IMAGES; - if( mImageIdx == numImages ) + if( mImageViewImageIndexStatus[buttonIndex] == NUMBER_OF_RESOURCES ) { - mImageIdx = 0; + mImageViewImageIndexStatus[buttonIndex] = 0; } } - return true; } - bool UseResourceImagesClicked( Toolkit::Button button ) + /** + * Main key event handler + */ + void OnKeyEvent(const KeyEvent& event) { - mUseResource = !mUseResource; - - int numImages = mUseResource ? NUM_RESOURCE_IMAGES : NUM_IMAGES; - if( mImageIdx >= numImages ) + if(event.state == KeyEvent::Down) { - mImageIdx = 0; + if( IsKey( event, DALI_KEY_ESCAPE) || IsKey( event, DALI_KEY_BACK ) ) + { + mApplication.Quit(); + } } - - return true; } private: @@ -227,31 +237,19 @@ private: Toolkit::ToolBar mToolBar; ///< The View's Toolbar. Layer mContentLayer; ///< Content layer Toolkit::TableView mTable; - Toolkit::ImageView mImageViews[ COLUMNS ][ ROWS ]; + Toolkit::ImageView mImageViews[ NUMBER_OF_IMAGES ]; + bool mImageViewToggleStatus[ NUMBER_OF_IMAGES ]; + unsigned int mImageViewImageIndexStatus[ NUMBER_OF_IMAGES ]; Toolkit::TableView::CellPosition mCurrentPositionToggle; Toolkit::TableView::CellPosition mCurrentPositionImage; - bool mToggleOff; - bool mUseResource; - int mImageIdx; - }; -void RunTest( Application& application ) +int DALI_EXPORT_API main( int argc, char **argv ) { + Application application = Application::New( &argc, &argv, DEMO_THEME_PATH ); ImageViewController test( application ); - application.MainLoop(); -} - -// Entry point for Linux & Tizen applications -// -int main( int argc, char **argv ) -{ - Application application = Application::New( &argc, &argv, DALI_DEMO_THEME_PATH ); - - RunTest( application ); - return 0; }