/*
- * Copyright (c) 2015 Samsung Electronics Co., Ltd.
+ * Copyright (c) 2020 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/table-view/table-view.h>
+#include <dali-toolkit/devel-api/visuals/image-visual-properties-devel.h>
+#include <dali-toolkit/devel-api/visual-factory/visual-factory.h>
+#include <dali-toolkit/devel-api/visuals/visual-properties-devel.h>
using namespace Dali;
const char* APPLICATION_TITLE( "Image view" );
const char* IMAGE_PATH[] = {
- DEMO_IMAGE_DIR "blocks-ball.png",
DEMO_IMAGE_DIR "gallery-small-23.jpg",
- DEMO_IMAGE_DIR "selection-popup-bg.2.9.png",
+ DEMO_IMAGE_DIR "woodEffect.jpg",
+ DEMO_IMAGE_DIR "wood.png", // 32bits image
DEMO_IMAGE_DIR "heartsframe.9.png",
+ DEMO_IMAGE_DIR "World.svg"
};
-const unsigned int NUM_IMAGES = sizeof(IMAGE_PATH) / sizeof(char*);
+const unsigned int NUMBER_OF_IMAGES = 3;
-const unsigned int COLUMNS = 3;
-const unsigned int ROWS = 4;
+enum CellPlacement
+{
+ TOP_BUTTON,
+ MID_BUTTON,
+ LOWER_BUTTON,
+ IMAGE,
+ NUMBER_OF_ROWS
+};
+
+
+unsigned int GetButtonIndex( Toolkit::Button button )
+{
+ std::string buttonName = button.GetProperty< std::string >( Dali::Actor::Property::NAME );
+ 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 window.";
+
+const float CORNER_RADIUS_VALUE( 20.0f );
} // namespace
ImageViewController( Application& application )
: mApplication( application ),
mCurrentPositionToggle( 0, 0 ),
- mCurrentPositionImage( 0, 0 ),
- mToggleOff( true ),
- mImageIdx( 1 )
+ mCurrentPositionImage( 0, 0 )
{
// Connect to the Application's Init signal
mApplication.InitSignal().Connect( this, &ImageViewController::Create );
// The Init signal is received once (only) during the Application lifetime
// Creates a default view with a default tool bar.
- // The view is added to the stage.
+ // The view is added to the window.
mContentLayer = DemoHelper::CreateView( application,
mView,
mToolBar,
APPLICATION_TITLE );
- mTable = Toolkit::TableView::New( ROWS, COLUMNS );
- 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.SetSizeModeFactor( offset );
-
+ // 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.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::CENTER );
+ mTable.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
+ mTable.SetResizePolicy( ResizePolicy::SIZE_RELATIVE_TO_PARENT, Dimension::ALL_DIMENSIONS );
+ Vector3 offset( 0.9f, 0.70f, 0.0f );
+ mTable.SetProperty( Actor::Property::SIZE_MODE_FACTOR, offset );
+ mTable.SetFitHeight(CellPlacement::TOP_BUTTON);
+ mTable.SetFitHeight(CellPlacement::MID_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.SetProperty( Actor::Property::PARENT_ORIGIN,ParentOrigin::BOTTOM_CENTER);
+ instructions.SetProperty( Actor::Property::POSITION_Y, -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.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::TOP_CENTER );
+ button.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::TOP_CENTER );
+ button.ClickedSignal().Connect( this, &ImageViewController::ToggleImageOnWindow );
+ button.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
+ button.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT );
+ std::string s = std::to_string(x);
+ button.SetProperty( Dali::Actor::Property::NAME, 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.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::BOTTOM_CENTER );
+ button2.SetProperty( Actor::Property::ANCHOR_POINT, 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.SetProperty( Dali::Actor::Property::NAME, s );
+ mTable.AddChild( button2, Toolkit::TableView::CellPosition( CellPlacement::MID_BUTTON, x ) );
+
+ Toolkit::PushButton button3 = Toolkit::PushButton::New();
+ button3.SetProperty( Toolkit::Button::Property::LABEL, "Round" );
+ button3.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::BOTTOM_CENTER );
+ button3.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::BOTTOM_CENTER );
+ button3.ClickedSignal().Connect( this, &ImageViewController::RoundedCornerClicked );
+ button3.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
+ button3.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT );
+ button3.SetProperty( Dali::Actor::Property::NAME, s );
+ mTable.AddChild( button3, 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].SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
+ mImageViews[x].SetProperty( Actor::Property::ANCHOR_POINT, 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] = 0;
+ mImageViewToggleStatus[x] = true;
+ mImageViewRoundedCornerStatus[x] = false;
}
- 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.SetProperty( Toolkit::Button::Property::LABEL, "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.SetProperty( Toolkit::Button::Property::LABEL, "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 ) );
-
- mContentLayer.Add(buttonsTable);
-
- Stage::GetCurrent().KeyEventSignal().Connect(this, &ImageViewController::OnKeyEvent);
+ application.GetWindow().KeyEventSignal().Connect(this, &ImageViewController::OnKeyEvent);
}
private:
- bool ToggleImageOnStage( Toolkit::Button button )
+
+ void ImmediateLoadImage( const char* urlToLoad )
{
- Toolkit::ImageView imageView = mImageViews[ mCurrentPositionToggle.columnIndex ][ mCurrentPositionToggle.rowIndex ];
+ 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 ToggleImageOnWindow( Toolkit::Button button )
+ {
+ 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( CellPlacement::IMAGE, 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 );
- imageView.SetImage( IMAGE_PATH[ mImageIdx ] );
-
- ++mCurrentPositionImage.columnIndex;
- if( mCurrentPositionImage.columnIndex == COLUMNS )
+ if( mImageViews[buttonIndex].GetProperty< bool >( Actor::Property::CONNECTED_TO_SCENE ) )
{
- mCurrentPositionImage.columnIndex = 0;
- ++mCurrentPositionImage.rowIndex;
- }
- if( mCurrentPositionImage.rowIndex == ROWS )
- {
- mCurrentPositionImage.rowIndex = 0;
- ++mImageIdx;
+ ++mImageViewImageIndexStatus[buttonIndex];
- if( mImageIdx == NUM_IMAGES )
+ if( mImageViewImageIndexStatus[buttonIndex] == NUMBER_OF_RESOURCES )
{
- mImageIdx = 0;
+ mImageViewImageIndexStatus[buttonIndex] = 0;
}
+
+ // Reset corner radius state value
+ mImageViewRoundedCornerStatus[buttonIndex] = false;
+
+ 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 );
}
+ return true;
+ }
+
+ bool RoundedCornerClicked( Toolkit::Button button )
+ {
+ unsigned int buttonIndex = GetButtonIndex( button );
+
+ if( mImageViews[buttonIndex].GetProperty< bool >( Actor::Property::CONNECTED_TO_SCENE ) )
+ {
+ mImageViewRoundedCornerStatus[ buttonIndex ] = !mImageViewRoundedCornerStatus[ buttonIndex ];
+ Property::Map imagePropertyMap;
+ imagePropertyMap.Insert( Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE );
+ imagePropertyMap.Insert( Toolkit::ImageVisual::Property::URL, IMAGE_PATH[ mImageViewImageIndexStatus[buttonIndex] ] );
+ imagePropertyMap.Insert( Toolkit::DevelVisual::Property::CORNER_RADIUS, mImageViewRoundedCornerStatus[buttonIndex] ? CORNER_RADIUS_VALUE : 0.0f );
+
+ mImageViews[buttonIndex].SetProperty( Toolkit::ImageView::Property::IMAGE, imagePropertyMap );
+ }
return true;
}
*/
void OnKeyEvent(const KeyEvent& event)
{
- if(event.state == KeyEvent::Down)
+ if(event.GetState() == KeyEvent::Down)
{
if( IsKey( event, DALI_KEY_ESCAPE) || IsKey( event, DALI_KEY_BACK ) )
{
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 ];
+ bool mImageViewRoundedCornerStatus[ NUMBER_OF_IMAGES ];
+ unsigned int mImageViewImageIndexStatus[ NUMBER_OF_IMAGES ];
Toolkit::TableView::CellPosition mCurrentPositionToggle;
Toolkit::TableView::CellPosition mCurrentPositionImage;
- bool mToggleOff;
- int mImageIdx;
-
};
-void RunTest( Application& application )
-{
- ImageViewController test( application );
-
- application.MainLoop();
-}
-
-// Entry point for Linux & Tizen applications
-//
int DALI_EXPORT_API main( int argc, char **argv )
{
Application application = Application::New( &argc, &argv, DEMO_THEME_PATH );
-
- RunTest( application );
-
+ ImageViewController test( application );
+ application.MainLoop();
return 0;
}
projects / platform / core / uifw / dali-demo.git / blobdiff