/*
- * 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 "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/visual-factory/visual-factory.h>
+#include <dali-toolkit/devel-api/visuals/image-visual-properties-devel.h>
+#include <dali-toolkit/devel-api/visuals/visual-properties-devel.h>
+#include <dali/dali.h>
+#include <string>
+#include "shared/view.h"
using namespace Dali;
namespace
{
-
-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* 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[] = {
- 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 "heartsframe.9.png",
+ DEMO_IMAGE_DIR "gallery-small-23.jpg",
+ 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 NUMBER_OF_IMAGES = 3;
+
+enum CellPlacement
+{
+ TOP_BUTTON,
+ MID_BUTTON,
+ LOWER_BUTTON,
+ IMAGE,
+ NUMBER_OF_ROWS
};
-const unsigned int NUM_IMAGES = sizeof(IMAGE_PATH) / sizeof(char*);
+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*);
-const unsigned int COLUMNS = 3;
-const unsigned int ROWS = 4;
+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.";
-} // namespace
+const float CORNER_RADIUS_VALUE(20.0f);
-class ImageViewController: public ConnectionTracker
+} // namespace
+
+class ImageViewController : public ConnectionTracker
{
- public:
-
- ImageViewController( Application& application )
- : mApplication( application ),
- mCurrentPositionToggle( 0, 0 ),
- mCurrentPositionImage( 0, 0 ),
- mToggleOff( true ),
- mImageIdx( 1 )
+public:
+ ImageViewController(Application& application)
+ : mApplication(application),
+ mCurrentPositionToggle(0, 0),
+ mCurrentPositionImage(0, 0)
{
// Connect to the Application's Init signal
- mApplication.InitSignal().Connect( this, &ImageViewController::Create );
+ mApplication.InitSignal().Connect(this, &ImageViewController::Create);
}
~ImageViewController()
// Nothing to do here
}
- void Create( Application& application )
+ void Create(Application& application)
{
// 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.
- mContentLayer = DemoHelper::CreateView( application,
- mView,
- mToolBar,
- BACKGROUND_IMAGE,
- TOOLBAR_IMAGE,
- 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 );
-
- mContentLayer.Add( mTable );
-
- for( unsigned int y = 0; y < ROWS; ++y )
+ // The view is added to the window.
+ mContentLayer = DemoHelper::CreateView(application,
+ mView,
+ mToolBar,
+ BACKGROUND_IMAGE,
+ TOOLBAR_IMAGE,
+ APPLICATION_TITLE);
+
+ // 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);
+
+ 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);
+
+ for(unsigned int x = 0; x < NUMBER_OF_IMAGES; x++)
{
- 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 );
-
- mTable.AddChild( mImageViews[x][y], Toolkit::TableView::CellPosition( y, 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)
+ {
+ 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)
{
- 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(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 )
+ bool ChangeImageClicked(Toolkit::Button button)
{
- Toolkit::ImageView imageView = mImageViews[ mCurrentPositionImage.columnIndex ][ mCurrentPositionImage.rowIndex ];
-
- imageView.SetImage( IMAGE_PATH[ mImageIdx ] );
+ unsigned int buttonIndex = GetButtonIndex(button);
- ++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 ) )
+ if(IsKey(event, DALI_KEY_ESCAPE) || IsKey(event, DALI_KEY_BACK))
{
mApplication.Quit();
}
}
private:
- Application& mApplication;
+ Application& mApplication;
- Toolkit::Control mView; ///< The View instance.
- Toolkit::ToolBar mToolBar; ///< The View's Toolbar.
- Layer mContentLayer; ///< Content layer
- Toolkit::TableView mTable;
- Toolkit::ImageView mImageViews[ COLUMNS ][ ROWS ];
+ Toolkit::Control mView; ///< The View instance.
+ Toolkit::ToolBar mToolBar; ///< The View's Toolbar.
+ Layer mContentLayer; ///< Content layer
+ Toolkit::TableView mTable;
+ 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 )
+int DALI_EXPORT_API main(int argc, char** argv)
{
- ImageViewController test( application );
-
+ Application application = Application::New(&argc, &argv, DEMO_THEME_PATH);
+ 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 );
-
return 0;
}