/*
- * 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.
*
*/
+#include <string>
#include "shared/view.h"
#include <dali/dali.h>
#include <dali-toolkit/dali-toolkit.h>
-#include <dali-toolkit/devel-api/controls/slider/slider.h>
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
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 );
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( IMAGE_PATH[ 0 ] );
+ 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:
+
bool ToggleImageOnStage( Toolkit::Button button )
{
- Toolkit::ImageView imageView = mImageViews[ mCurrentPositionToggle.columnIndex ][ mCurrentPositionToggle.rowIndex ];
+ unsigned int buttonIndex = GetButtonIndex( button );
- if( mToggleOff )
+ Toolkit::ImageView imageView = mImageViews[ buttonIndex ];
+
+ 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 )
+ if ( mImageViews[buttonIndex].OnStage() )
{
- ResourceImage image = ResourceImage::New( RESOURCE_IMAGE_PATH[ mImageIdx ] );
- imageView.SetImage( image );
- }
- else
- {
- imageView.SetImage( IMAGE_PATH[ mImageIdx ] );
- }
+ mImageViews[buttonIndex].SetImage( IMAGE_PATH[ mImageViewImageIndexStatus[buttonIndex] ] );
- ++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 )
- {
- mUseResource = !mUseResource;
-
- int numImages = mUseResource ? NUM_RESOURCE_IMAGES : NUM_IMAGES;
- if( mImageIdx >= numImages )
- {
- mImageIdx = 0;
- }
-
return true;
}
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;
}