Peter M. Groen / dali-demo

Commit 68b461fd9a1cf09e63f7312ff46a06537032e558

Authored by Agnelo Vaz
1 parent 550d306b

Image Policies Example suite 

Collection of examples demonstrating Image polices:
LoadPolicy
ReleasePolicy
and EXIF orientation.

Designed to step the user through each example and explaining what should occur.

Change-Id: If4452712a805b40e86ac29ae591592711d7ee09a
Inline Side-by-side
Showing 13 changed files with 584 additions and 2 deletions
com.samsung.dali-demo.xml
  View file @68b461f
... ... @@ -238,6 +238,8 @@
238 238 <ui-application appid="property-notification.example" exec="/usr/apps/com.samsung.dali-demo/bin/property-notification.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
239 239 <label>Property Notification</label>
240 240 </ui-application>
  241 + <ui-application appid="image-policies.example" exec="/usr/apps/com.samsung.dali-demo/bin/image-policies.example" nodisplay="true" multiple="false" taskmanage="true" type="c++app">
  242 + <label>Image Policies</label></ui-application>
241 243 <privileges>
242 244 <privilege>http://tizen.org/privilege/mediastorage</privilege>
243 245 <privilege>http://tizen.org/privilege/externalstorage</privilege>
... ...
examples-reel/dali-examples-reel.cpp
  View file @68b461f
... ... @@ -48,6 +48,7 @@ int DALI_EXPORT_API main(int argc, char **argv)
48 48 demo.AddExample(Example("flex-container.example", DALI_DEMO_STR_TITLE_FLEXBOX_PLAYGROUND));
49 49 demo.AddExample(Example("focus-integration.example", DALI_DEMO_STR_TITLE_FOCUS_INTEGRATION));
50 50 demo.AddExample(Example("gradients.example", DALI_DEMO_STR_TITLE_COLOR_GRADIENT));
  51 + demo.AddExample(Example("image-policies.example", DALI_DEMO_STR_TITLE_IMAGE_POLICIES));
51 52 demo.AddExample(Example("image-scaling-and-filtering.example", DALI_DEMO_STR_TITLE_IMAGE_FITTING_SAMPLING));
52 53 demo.AddExample(Example("image-scaling-irregular-grid.example", DALI_DEMO_STR_TITLE_IMAGE_SCALING));
53 54 demo.AddExample(Example("image-view.example", DALI_DEMO_STR_TITLE_IMAGE_VIEW));
... ...
examples/image-policies/image-policies-example.cpp 0 → 100644
  View file @68b461f
  1 +/*
  2 + * Copyright (c) 2017 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 <string>
  19 +#include "shared/view.h"
  20 +#include <dali/dali.h>
  21 +#include <dali-toolkit/dali-toolkit.h>
  22 +#include <dali-toolkit/devel-api/visuals/image-visual-properties-devel.h>
  23 +#include <dali-toolkit/devel-api/visual-factory/visual-factory.h>
  24 +#include <dali-toolkit/devel-api/visual-factory/visual-base.h>
  25 +#include <dali-toolkit/devel-api/visuals/image-visual-properties-devel.h>
  26 +#include <dali-toolkit/devel-api/controls/buttons/button-devel.h>
  27 +
  28 +using namespace Dali;
  29 +using namespace Toolkit;
  30 +
  31 +namespace
  32 +{
  33 +const char* NEXT_BUTTON_IMAGE( DEMO_IMAGE_DIR "DarkStyleGreenArrowButton.png" );
  34 +const char* NEXT_BUTTON_PRESSED_IMAGE( DEMO_IMAGE_DIR "DarkStyleGreyArrowButton.png" );
  35 +const char* NEXT_BUTTON_DISABLED_IMAGE( DEMO_IMAGE_DIR "DarkStyleDisabledArrowButton.png" );
  36 +const char* OK_IMAGE_IMAGE( DEMO_IMAGE_DIR "FontStyleButton_OK_02.png" );
  37 +const char* LOADING_IMAGE( DEMO_IMAGE_DIR "animatedLoading.gif" );
  38 +
  39 +const char* IMAGE_PATH[] = {
  40 + DEMO_IMAGE_DIR "gallery-small-23.jpg",
  41 + DEMO_IMAGE_DIR "woodEffect.jpg",
  42 + DEMO_IMAGE_DIR "heartsframe.9.png",
  43 + DEMO_IMAGE_DIR "keyboard-Landscape.jpg",
  44 + DEMO_IMAGE_DIR "keyboard-LandscapeCopy.jpg",
  45 +};
  46 +
  47 +/**
  48 + * Enums that refer to the row in the main table view.
  49 + * Aids in placement of content so easy to see which type of content belongs to each row.
  50 + */
  51 +enum TableRowPlacement
  52 +{
  53 + TITLE,
  54 + INSTRUCTIONS,
  55 + IMAGE,
  56 + NEXT_BUTTON,
  57 + LOADING_STATUS,
  58 + NUMBER_OF_ROWS
  59 +};
  60 +
  61 +} // namespace
  62 +
  63 +/**
  64 + * Examples showing the various polices of ImageVisual in use.
  65 + * image release polcy, image loading policy and exif data are currently demonstrated.
  66 + * Large images are used to cause loading time to be long enough to show differences.
  67 + * If hardware causes loading time improve then remote images or larger images may be required in future.
  68 + */
  69 +class ImagePolicies: public ConnectionTracker
  70 +{
  71 + public:
  72 +
  73 + /**
  74 + * Constructor
  75 + */
  76 + ImagePolicies( Application& application )
  77 + : mApplication( application ),
  78 + mExampleIndex( 0 )
  79 + {
  80 + // Connect to the Application's Init signal
  81 + mApplication.InitSignal().Connect( this, &ImagePolicies::Create );
  82 + }
  83 +
  84 + /**
  85 + * To prevent the next button being pressed before an Image has loaded the Button can br disabled.
  86 + * This function allows the control (Image view in this case) to attached to the Image loading signal
  87 + * and re-enable the button after Image has loaded.
  88 + */
  89 + void ResourceReadySignal( Control control )
  90 + {
  91 + mNextButton.SetProperty( Button::Property::DISABLED, false );
  92 + }
  93 +
  94 + /**
  95 + * Helper function to create ImageViews used by this example, preventing the duplication of code.
  96 + * param[in] correctionEnabled Set true if Exif orientation correction should be applied.
  97 + * param[in] loadPolicy Which LoadPolicy to use.
  98 + * param[in] releasePolicy Which ReleasePolicy to use
  99 + * param[in] synchronousLoading If the Image should be loaded synchronously
  100 + * param[in] imageFilenameId Which image to load, referring to the array of filenames for this example.
  101 + */
  102 + ImageView CreateImageView( bool correctionEnabled, DevelImageVisual::LoadPolicy::Type loadPolicy, DevelImageVisual::ReleasePolicy::Type releasePolicy, bool synchronousLoading, unsigned int imageFilenameId )
  103 + {
  104 + ImageView imageView = ImageView::New( );
  105 + Property::Map imagePropertyMap;
  106 + imagePropertyMap.Insert( Visual::Property::TYPE, Visual::IMAGE );
  107 + imagePropertyMap.Insert( ImageVisual::Property::URL, IMAGE_PATH[imageFilenameId ] );
  108 + imagePropertyMap.Insert( DevelImageVisual::Property::ORIENTATION_CORRECTION, correctionEnabled );
  109 + imagePropertyMap.Insert( DevelImageVisual::Property::LOAD_POLICY, loadPolicy );
  110 + imagePropertyMap.Insert( DevelImageVisual::Property::RELEASE_POLICY, releasePolicy );
  111 + if( synchronousLoading )
  112 + {
  113 + imagePropertyMap.Insert( DevelImageVisual::Property::SYNCHRONOUS_LOADING, true );
  114 + }
  115 + imageView.SetProperty(ImageView::Property::IMAGE , imagePropertyMap );
  116 +
  117 + imageView.SetParentOrigin( ParentOrigin::CENTER );
  118 + imageView.SetAnchorPoint( AnchorPoint::CENTER );
  119 + imageView.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  120 +
  121 + return imageView;
  122 + }
  123 +
  124 + /**
  125 + * To prevent the next button being pressed before an Image has loaded the Button can br disabled.
  126 + * This function will disable the next button.
  127 + * Connecting to the ResourceReady signal with ( ResourceReadySignal( Control control ) ) will allow enabling of the button again.
  128 + */
  129 +
  130 + void DisableButtonWhilstLoading()
  131 + {
  132 + mNextButton.SetProperty( Button::Property::DISABLED, true );
  133 + }
  134 +
  135 + /**
  136 + * Example shows loading an Image with exif orientation data but not applying automatic orientation correction
  137 + */
  138 + void OrientationCorrectionExampleNoCorrection()
  139 + {
  140 +
  141 + mTitle.SetProperty( Toolkit::TextLabel::Property::TEXT, "Orientation Correction" );
  142 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Orientation Correction not applied");
  143 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  144 + DisableButtonWhilstLoading();
  145 + ImageView imageView01 = CreateImageView( false, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  146 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  147 +
  148 + mTable.AddChild( imageView01, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  149 + }
  150 +
  151 + /**
  152 + * Example shows loading an Image with exif orientation data and automatically correcting the orientation to match the exif data.
  153 + */
  154 + void OrientationCorrectionExampleWithCorrection()
  155 + {
  156 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Orientation Correction applied based on Exif data, now shown in landscape");
  157 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  158 + DisableButtonWhilstLoading();
  159 + ImageView imageView01 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  160 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  161 + mTable.AddChild( imageView01, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  162 + }
  163 +
  164 + /**
  165 + * Part One of the Immediate loading example, displays instructions on what will be shown and starts loading of the Immediate image before it
  166 + * is staged.
  167 + */
  168 + void LoadPolicyImmediateExampleInstructions()
  169 + {
  170 + mTitle.SetProperty( Toolkit::TextLabel::Property::TEXT, "Immediate Loading Policy");
  171 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  172 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Loading Image before staging, press next to see it in right column");
  173 + TableView dualImageViewTable = TableView::New( 1, 2 );
  174 + dualImageViewTable.SetAnchorPoint( AnchorPoint::CENTER );
  175 + dualImageViewTable.SetName("dualTable");
  176 + dualImageViewTable.SetParentOrigin( ParentOrigin::CENTER );
  177 + dualImageViewTable.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  178 + dualImageViewTable.SetCellPadding( Vector2( 6.0f, 0.0f ) );
  179 + TextLabel attached = TextLabel::New("ATTACHED loaded image \nWill appear here");
  180 + attached.SetProperty( TextLabel::Property::MULTI_LINE, true );
  181 + TextLabel immediate = TextLabel::New("IMMEDIATE loaded image \nWill appear here");
  182 + immediate.SetProperty( TextLabel::Property::MULTI_LINE, true );
  183 +
  184 + dualImageViewTable.AddChild( attached, TableView::CellPosition( 0, 0 ) );
  185 + dualImageViewTable.AddChild( immediate, TableView::CellPosition( 0, 1 ) );
  186 + mTable.AddChild( dualImageViewTable, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  187 +
  188 + mPersistantImageView = CreateImageView( true, DevelImageVisual::LoadPolicy::IMMEDIATE, DevelImageVisual::ReleasePolicy::DESTROYED, false, 4 );
  189 + }
  190 +
  191 + /**
  192 + * Part Two of the Immediate loading example and here the Image is staged, shown to be instant (if previously step gave enough time to load).
  193 + */
  194 + void LoadPolicyImmediateExample()
  195 + {
  196 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Immediate loading policy on only second column hence image load was almost instant.");
  197 + DisableButtonWhilstLoading();
  198 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  199 +
  200 + TableView dualImageViewTable = TableView::New( 2, 2 );
  201 + dualImageViewTable.SetAnchorPoint( AnchorPoint::CENTER );
  202 + dualImageViewTable.SetName("dualTable");
  203 + dualImageViewTable.SetParentOrigin( ParentOrigin::CENTER );
  204 + dualImageViewTable.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  205 + dualImageViewTable.SetCellPadding( Vector2( 6.0f, 0.0f ) );
  206 +
  207 + TextLabel attached = TextLabel::New("ATTACHED");
  208 + TextLabel immediate = TextLabel::New("IMMEDIATE");
  209 + dualImageViewTable.AddChild( attached, TableView::CellPosition( 1, 0 ) );
  210 + dualImageViewTable.AddChild( immediate, TableView::CellPosition( 1, 1 ) );
  211 + dualImageViewTable.SetFitHeight( 1 );
  212 +
  213 + mTable.AddChild( dualImageViewTable, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  214 +
  215 + ImageView imageView02 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  216 + imageView02.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  217 + dualImageViewTable.AddChild( imageView02, TableView::CellPosition( 0, 0 ) );
  218 + dualImageViewTable.AddChild( mPersistantImageView, TableView::CellPosition( 0, 1 ) );
  219 + }
  220 +
  221 + /**
  222 + * Part one of an example of loading time when an Image is destroyed with the ReleasePolicy DESTROYED.
  223 + */
  224 + void LoadPolicyDestroyedExample()
  225 + {
  226 + mTitle.SetProperty( Toolkit::TextLabel::Property::TEXT, "Release Policy DESTROYED");
  227 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  228 + mPersistantImageView.Reset();
  229 + mInstructions.SetProperty( TextLabel::Property::TEXT, "ReleasePolicy::DESTROYED shown in first column, press next to destroy it.");
  230 + DisableButtonWhilstLoading();
  231 + TableView dualImageViewTable = TableView::New( 1, 2 );
  232 + dualImageViewTable.SetAnchorPoint( AnchorPoint::CENTER );
  233 + dualImageViewTable.SetParentOrigin( ParentOrigin::CENTER );
  234 + dualImageViewTable.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  235 + dualImageViewTable.SetCellPadding( Vector2( 6.0f, 0.0f ) );
  236 +
  237 + mTable.AddChild( dualImageViewTable, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  238 +
  239 + ImageView imageView01 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  240 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  241 +
  242 + dualImageViewTable.AddChild( imageView01, TableView::CellPosition( 0, 0 ) );
  243 + }
  244 +
  245 + /**
  246 + * Part two of the Destroyed example, the image is staged again but to the second column, it shows the loading takes the same amount of time as
  247 + * when first loaded.
  248 + */
  249 + void LoadPolicyDestroyedExample02()
  250 + {
  251 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Destroyed first image and reloaded in second column (loading took some time)");
  252 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  253 + DisableButtonWhilstLoading();
  254 + TableView dualImageViewTable = TableView::New( 1, 2 );
  255 + dualImageViewTable.SetAnchorPoint( AnchorPoint::CENTER );
  256 + dualImageViewTable.SetParentOrigin( ParentOrigin::CENTER );
  257 + dualImageViewTable.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  258 + dualImageViewTable.SetCellPadding( Vector2( 6.0f, 0.0f ) );
  259 +
  260 + mTable.AddChild( dualImageViewTable, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  261 +
  262 + ImageView imageView01 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  263 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  264 +
  265 + dualImageViewTable.AddChild( imageView01, TableView::CellPosition( 0, 1 ) );
  266 + }
  267 +
  268 + /**
  269 + * Part one the second Release policy example showing detachment of a visual with the Destroyed policy and loading instantly when re-used.
  270 + */
  271 + void ReleasePolicyDestroyedExample03()
  272 + {
  273 + mTitle.SetProperty( Toolkit::TextLabel::Property::TEXT, "Detaching with DESTROYED Policy");
  274 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  275 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Image with ReleasePolicy::DESTROYED shown in first column, Image will be detached, reusing it will be fast");
  276 + DisableButtonWhilstLoading();
  277 + TableView dualImageViewTable = TableView::New( 1, 2 );
  278 + dualImageViewTable.SetAnchorPoint( AnchorPoint::CENTER );
  279 + dualImageViewTable.SetParentOrigin( ParentOrigin::CENTER );
  280 + dualImageViewTable.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  281 + dualImageViewTable.SetCellPadding( Vector2( 6.0f, 0.0f ) );
  282 +
  283 + mTable.AddChild( dualImageViewTable, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  284 +
  285 + ImageView imageView01 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  286 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  287 +
  288 + dualImageViewTable.AddChild( imageView01, TableView::CellPosition( 0, 0 ) );
  289 + }
  290 +
  291 + /**
  292 + * Second part of the second Release policy example, the detached visual is used again in the second column and shown nearly instantly.
  293 + */
  294 + void ReleasePolicyDestroyedExample04()
  295 + {
  296 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Detached first image and reloaded in second column, loading should have seemed instant");
  297 + DisableButtonWhilstLoading();
  298 + TableView dualImageViewTable = TableView::DownCast( mTable.GetChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) ) );
  299 + ImageView imageViewDetached = ImageView::DownCast( dualImageViewTable.GetChildAt( TableView::CellPosition( 0, 0 ) ) );
  300 + dualImageViewTable.RemoveChildAt( TableView::CellPosition( 0, 0 ) );
  301 +
  302 + ImageView imageView01 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  303 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  304 +
  305 + dualImageViewTable.AddChild( imageView01, TableView::CellPosition( 0, 1 ) );
  306 + }
  307 +
  308 + /**
  309 + * Part one of an example of loading time when an Image is detached with the ReleasePolicy Detached.
  310 + */
  311 + void ReleasePolicyDestroyedExample05()
  312 + {
  313 + mTitle.SetProperty( Toolkit::TextLabel::Property::TEXT, "Detaching with DETACHED Policy");
  314 + mTable.RemoveChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  315 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Image with ReleasePolicy::DETACHED shown in first column, will be detached and reloaded");
  316 + DisableButtonWhilstLoading();
  317 + TableView dualImageViewTable = TableView::New( 1, 2 );
  318 + dualImageViewTable.SetAnchorPoint( AnchorPoint::CENTER );
  319 + dualImageViewTable.SetParentOrigin( ParentOrigin::CENTER );
  320 + dualImageViewTable.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  321 + dualImageViewTable.SetCellPadding( Vector2( 6.0f, 0.0f ) );
  322 +
  323 + mTable.AddChild( dualImageViewTable, TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) );
  324 +
  325 + ImageView imageView01 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DETACHED, false, 3 );
  326 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  327 +
  328 + dualImageViewTable.AddChild( imageView01, TableView::CellPosition( 0, 0 ) );
  329 + }
  330 +
  331 + /**
  332 + * Part two of the Detached example, the image is staged again but to the second column, it shows the loading takes the same amount of time as
  333 + * when first loaded.
  334 + */
  335 + void ReleasePolicyDestroyedExample06()
  336 + {
  337 + mInstructions.SetProperty( TextLabel::Property::TEXT, "Detached first image and reloaded in second column, loading took some time");
  338 + DisableButtonWhilstLoading();
  339 + TableView dualImageViewTable = TableView::DownCast( mTable.GetChildAt( TableView::CellPosition( TableRowPlacement::IMAGE, 0 ) ) );
  340 + ImageView imageViewDetached = ImageView::DownCast( dualImageViewTable.GetChildAt( TableView::CellPosition( 0, 0 ) ) );
  341 + dualImageViewTable.RemoveChildAt( TableView::CellPosition( 0, 0 ) );
  342 +
  343 + ImageView imageView01 = CreateImageView( true, DevelImageVisual::LoadPolicy::ATTACHED, DevelImageVisual::ReleasePolicy::DESTROYED, false, 3 );
  344 + imageView01.ResourceReadySignal().Connect( this, &ImagePolicies::ResourceReadySignal );
  345 +
  346 + dualImageViewTable.AddChild( imageView01, TableView::CellPosition( 0, 1 ) );
  347 + }
  348 +
  349 + /**
  350 + * Created a gradient property map that will produce a Gradient Visual
  351 + * param[out] gradientMap the output property map
  352 + */
  353 + void CreateGradient( Property::Map& gradientMap )
  354 + {
  355 + gradientMap.Insert( Toolkit::Visual::Property::TYPE, Visual::GRADIENT );
  356 +
  357 + Property::Array stopOffsets;
  358 + stopOffsets.PushBack( 0.0f );
  359 + stopOffsets.PushBack( 0.6f );
  360 + stopOffsets.PushBack( 1.0f );
  361 + gradientMap.Insert( GradientVisual::Property::STOP_OFFSET, stopOffsets );
  362 +
  363 + Property::Array stopColors;
  364 + stopColors.PushBack( Vector4( 54.f, 140.f, 207.f, 223.f )/255.f );
  365 + stopColors.PushBack( Vector4( 54.f, 170.f, 207.f, 123.f )/255.f );
  366 + stopColors.PushBack( Vector4( 54.f, 189.f, 207.f, 123.f )/255.f );
  367 + gradientMap.Insert( GradientVisual::Property::STOP_COLOR, stopColors );
  368 +
  369 + gradientMap.Insert( GradientVisual::Property::START_POSITION, Vector2( 0.5f, 0.5f ) );
  370 + gradientMap.Insert( GradientVisual::Property::END_POSITION, Vector2( -0.5f, -0.5f ) );
  371 + }
  372 +
  373 + /**
  374 + * Start of this example, called once when the application is initiated
  375 + */
  376 + void Create( Application& application )
  377 + {
  378 + Property::Map gradientBackground;
  379 + CreateGradient( gradientBackground );
  380 +
  381 + // Get a handle to the stage
  382 + Stage stage = Stage::GetCurrent();
  383 +
  384 + // Create default View.
  385 + Toolkit::Control view = Toolkit::Control::New();
  386 + view.SetAnchorPoint( Dali::AnchorPoint::CENTER );
  387 + view.SetParentOrigin( Dali::ParentOrigin::CENTER );
  388 + view.SetResizePolicy( Dali::ResizePolicy::FILL_TO_PARENT, Dali::Dimension::ALL_DIMENSIONS );
  389 + view.SetProperty( Toolkit::Control::Property::BACKGROUND , gradientBackground );
  390 + stage.Add( view );
  391 +
  392 + // Create a table view to show a pair of buttons above each image.
  393 + mTable = TableView::New( TableRowPlacement::NUMBER_OF_ROWS, 1 );
  394 + mTable.SetAnchorPoint( AnchorPoint::CENTER );
  395 + mTable.SetParentOrigin( ParentOrigin::CENTER );
  396 + mTable.SetResizePolicy( ResizePolicy::SIZE_RELATIVE_TO_PARENT, Dimension::ALL_DIMENSIONS );
  397 + Vector3 offset( 0.9f, 0.90f, 0.0f );
  398 + mTable.SetSizeModeFactor( offset );
  399 + mTable.SetFitHeight( TableRowPlacement::NEXT_BUTTON );
  400 + mTable.SetFitHeight( TableRowPlacement::LOADING_STATUS );
  401 + view.Add( mTable );
  402 +
  403 + // Create Next button
  404 + mNextButton = PushButton::New();
  405 + Property::Map imagePropertyMap;
  406 + imagePropertyMap.Insert( Visual::Property::TYPE, Visual::IMAGE );
  407 + imagePropertyMap.Insert( ImageVisual::Property::URL, NEXT_BUTTON_IMAGE );
  408 + mNextButton.SetProperty( DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, imagePropertyMap );
  409 + imagePropertyMap.Clear();
  410 + imagePropertyMap.Insert( Visual::Property::TYPE, Visual::IMAGE );
  411 + imagePropertyMap.Insert( ImageVisual::Property::URL, NEXT_BUTTON_PRESSED_IMAGE );
  412 + mNextButton.SetProperty( DevelButton::Property::SELECTED_BACKGROUND_VISUAL, imagePropertyMap );
  413 + mNextButton.SetProperty( DevelButton::Property::DISABLED_UNSELECTED_BACKGROUND_VISUAL, LOADING_IMAGE );
  414 + mNextButton.SetProperty( DevelButton::Property::DISABLED_SELECTED_BACKGROUND_VISUAL, NEXT_BUTTON_DISABLED_IMAGE );
  415 + mNextButton.SetParentOrigin( ParentOrigin::BOTTOM_CENTER );
  416 + mNextButton.SetY( -50.0f );
  417 + mNextButton.SetSize( 100.0f, 100.0f );
  418 + mNextButton.ClickedSignal().Connect( this, &ImagePolicies::ChangeImageClicked );
  419 + mTable.AddChild( mNextButton, TableView::CellPosition( TableRowPlacement::NEXT_BUTTON, 0 ) );
  420 + mTable.SetCellPadding( Vector2( 2.0f, 2.0f ) );
  421 +
  422 + Stage::GetCurrent().KeyEventSignal().Connect(this, &ImagePolicies::OnKeyEvent);
  423 +
  424 + // Outline Map for Labels
  425 + Property::Map outlineMap;
  426 + outlineMap["color"] = Color::BLACK;
  427 + outlineMap["width"] = 1.0f;
  428 +
  429 + // Create Title Label
  430 + mTitle = TextLabel::New("Image Polices");
  431 + mTitle.SetProperty( TextLabel::Property::TEXT_COLOR, Color::CYAN );
  432 + mTable.AddChild( mTitle, TableView::CellPosition( TableRowPlacement::TITLE, 0 ) );
  433 + mTable.SetFitHeight( TableRowPlacement::TITLE );
  434 +
  435 + // Create Instructions label
  436 + mInstructions = TextLabel::New("This is an explaination of each example");
  437 + mInstructions.SetProperty( TextLabel::Property::MULTI_LINE, true );
  438 + mInstructions.SetProperty( TextLabel::Property::TEXT_COLOR, Color::WHITE );
  439 + mInstructions.SetProperty( TextLabel::Property::OUTLINE, outlineMap );
  440 + mInstructions.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
  441 + mTable.AddChild( mInstructions, TableView::CellPosition( TableRowPlacement::INSTRUCTIONS, 0 ) );
  442 + float value = mInstructions.GetProperty<float>( TextLabel::Property::PIXEL_SIZE );
  443 + mTable.SetFixedHeight( TableRowPlacement::INSTRUCTIONS, value * 5 ); // Space allocated for example instructions
  444 +
  445 + ChangeImageClicked( mNextButton ); // Start examples ( 0 )
  446 + }
  447 +
  448 +private:
  449 +
  450 + /**
  451 + * Callback to the button clicked signal and starts the next example.
  452 + */
  453 + bool ChangeImageClicked( Button button )
  454 + {
  455 + switch ( mExampleIndex++ )
  456 + {
  457 + case 0 :
  458 + {
  459 + OrientationCorrectionExampleNoCorrection();
  460 + break;
  461 + }
  462 + case 1 :
  463 + {
  464 + OrientationCorrectionExampleWithCorrection();
  465 + break;
  466 + }
  467 + case 2 :
  468 + {
  469 + LoadPolicyImmediateExampleInstructions();
  470 + break;
  471 + }
  472 + case 3 :
  473 + {
  474 + LoadPolicyImmediateExample();
  475 + break;
  476 + }
  477 + case 4 :
  478 + {
  479 + LoadPolicyDestroyedExample();
  480 + break;
  481 + }
  482 + case 5 :
  483 + {
  484 + LoadPolicyDestroyedExample02();
  485 + break;
  486 + }
  487 + case 6 :
  488 + {
  489 + ReleasePolicyDestroyedExample03();
  490 + break;
  491 + }
  492 + case 7 :
  493 + {
  494 + ReleasePolicyDestroyedExample04();
  495 + break;
  496 + }
  497 + case 8 :
  498 + {
  499 + ReleasePolicyDestroyedExample05();
  500 + break;
  501 + }
  502 + case 9 :
  503 + {
  504 + ReleasePolicyDestroyedExample06();
  505 + // Change Next button to complete button ( will quit app once pressed )
  506 + button.SetProperty( DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, OK_IMAGE_IMAGE );
  507 + button.SetProperty( DevelButton::Property::SELECTED_BACKGROUND_VISUAL, OK_IMAGE_IMAGE );
  508 + break;
  509 + }
  510 + default:
  511 + {
  512 + mApplication.Quit();
  513 + break;
  514 + }
  515 + }
  516 + return true;
  517 + }
  518 +
  519 + /**
  520 + * Main key event handler
  521 + */
  522 + void OnKeyEvent(const KeyEvent& event)
  523 + {
  524 + if(event.state == KeyEvent::Down)
  525 + {
  526 + if( IsKey( event, DALI_KEY_ESCAPE) || IsKey( event, DALI_KEY_BACK ) )
  527 + {
  528 + mApplication.Quit();
  529 + }
  530 + }
  531 + }
  532 +
  533 +private:
  534 + Application& mApplication;
  535 +
  536 + TableView mTable;
  537 + TextLabel mInstructions;
  538 + TextLabel mTitle;
  539 + PushButton mNextButton;
  540 + ImageView mPersistantImageView;
  541 +
  542 + unsigned int mExampleIndex;
  543 +};
  544 +
  545 +int DALI_EXPORT_API main( int argc, char **argv )
  546 +{
  547 + Application application = Application::New( &argc, &argv, DEMO_THEME_PATH );
  548 + ImagePolicies test( application );
  549 + application.MainLoop();
  550 + return 0;
  551 +}
... ...
examples/image-view/image-view-example.cpp
  View file @68b461f
... ... @@ -19,6 +19,8 @@
19 19 #include "shared/view.h"
20 20 #include <dali/dali.h>
21 21 #include <dali-toolkit/dali-toolkit.h>
  22 +#include <dali-toolkit/devel-api/visuals/image-visual-properties-devel.h>
  23 +#include <dali-toolkit/devel-api/visual-factory/visual-factory.h>
22 24  
23 25 using namespace Dali;
24 26  
... ... @@ -142,7 +144,13 @@ class ImageViewController: public ConnectionTracker
142 144 button2.SetName( s );
143 145 mTable.AddChild( button2, Toolkit::TableView::CellPosition( CellPlacement::LOWER_BUTTON, x ) );
144 146  
145   - mImageViews[x] = Toolkit::ImageView::New( IMAGE_PATH[ 0 ] );
  147 + mImageViews[x] = Toolkit::ImageView::New( );
  148 + Property::Map imagePropertyMap;
  149 + imagePropertyMap.Insert( Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE );
  150 + imagePropertyMap.Insert( Toolkit::ImageVisual::Property::URL, IMAGE_PATH[ 0 ] );
  151 + mImageViews[x].SetProperty(Toolkit::ImageView::Property::IMAGE , imagePropertyMap );
  152 +
  153 +
146 154 mImageViews[x].SetParentOrigin( ParentOrigin::CENTER );
147 155 mImageViews[x].SetAnchorPoint( AnchorPoint::CENTER );
148 156 mImageViews[x].SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
... ... @@ -158,6 +166,15 @@ class ImageViewController: public ConnectionTracker
158 166  
159 167 private:
160 168  
  169 + void ImmediateLoadImage( const char* urlToLoad )
  170 + {
  171 + Property::Map imagePropertyMap;
  172 + imagePropertyMap.Insert( Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE );
  173 + imagePropertyMap.Insert( Toolkit::ImageVisual::Property::URL, urlToLoad );
  174 + Toolkit::Visual::Base visual = Toolkit::VisualFactory::Get().CreateVisual( imagePropertyMap );
  175 + visual.Reset();
  176 + }
  177 +
161 178 bool ToggleImageOnStage( Toolkit::Button button )
162 179 {
163 180 unsigned int buttonIndex = GetButtonIndex( button );
... ... @@ -184,7 +201,10 @@ private:
184 201  
185 202 if ( mImageViews[buttonIndex].OnStage() )
186 203 {
187   - mImageViews[buttonIndex].SetImage( IMAGE_PATH[ mImageViewImageIndexStatus[buttonIndex] ] );
  204 + Property::Map imagePropertyMap;
  205 + imagePropertyMap.Insert( Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE );
  206 + imagePropertyMap.Insert( Toolkit::ImageVisual::Property::URL, IMAGE_PATH[ mImageViewImageIndexStatus[buttonIndex] ] );
  207 + mImageViews[buttonIndex].SetProperty(Toolkit::ImageView::Property::IMAGE , imagePropertyMap );
188 208  
189 209 ++mImageViewImageIndexStatus[buttonIndex];
190 210  
... ...
resources/images/DarkStyleDisabledArrowButton.png 0 → 100644
View file @68b461f

5.05 KB
resources/images/DarkStyleGreenArrowButton.png 0 → 100755
View file @68b461f

5.9 KB
resources/images/DarkStyleGreyArrowButton.png 0 → 100755
View file @68b461f

4.94 KB
resources/images/animatedLoading.gif 0 → 100644
View file @68b461f

32.2 KB
resources/images/keyboard-Landscape.jpg 0 → 100644
View file @68b461f

2.48 MB
resources/images/keyboard-LandscapeCopy.jpg 0 → 100644
View file @68b461f

2.5 MB
resources/po/en_GB.po
  View file @68b461f
... ... @@ -49,6 +49,9 @@ msgstr &quot;Flexbox Playground&quot;
49 49 msgid "DALI_DEMO_STR_TITLE_IMAGE_FITTING_SAMPLING"
50 50 msgstr "Image Fitting and Sampling"
51 51  
  52 +msgid "DALI_DEMO_STR_TITLE_IMAGE_POLICIES"
  53 +msgstr "Image Policies"
  54 +
52 55 msgid "DALI_DEMO_STR_TITLE_IMAGE_SCALING"
53 56 msgstr "Image Scaling Grid"
54 57  
... ...
resources/po/en_US.po
  View file @68b461f
... ... @@ -46,6 +46,9 @@ msgstr &quot;Emoji Text&quot;
46 46 msgid "DALI_DEMO_STR_TITLE_FLEXBOX_PLAYGROUND"
47 47 msgstr "Flexbox Playground"
48 48  
  49 +msgid "DALI_DEMO_STR_TITLE_IMAGE_POLICIES"
  50 +msgstr "Image Policies"
  51 +
49 52 msgid "DALI_DEMO_STR_TITLE_IMAGE_FITTING_SAMPLING"
50 53 msgstr "Image Fitting and Sampling"
51 54  
... ...
shared/dali-demo-strings.h
  View file @68b461f
... ... @@ -50,6 +50,7 @@ extern &quot;C&quot;
50 50 #define DALI_DEMO_STR_TITLE_FPP_GAME dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_FPP_GAME")
51 51 #define DALI_DEMO_STR_TITLE_FLEXBOX_PLAYGROUND dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_FLEXBOX_PLAYGROUND")
52 52 #define DALI_DEMO_STR_TITLE_FOCUS_INTEGRATION dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_FOCUS_INTEGRATION")
  53 +#define DALI_DEMO_STR_TITLE_IMAGE_POLICIES dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_IMAGE_POLICIES")
53 54 #define DALI_DEMO_STR_TITLE_IMAGE_FITTING_SAMPLING dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_IMAGE_FITTING_SAMPLING")
54 55 #define DALI_DEMO_STR_TITLE_IMAGE_SCALING dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_IMAGE_SCALING")
55 56 #define DALI_DEMO_STR_TITLE_IMAGE_VIEW dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_IMAGE_VIEW")
... ... @@ -120,6 +121,7 @@ extern &quot;C&quot;
120 121 #define DALI_DEMO_STR_TITLE_FPP_GAME "First Person Game"
121 122 #define DALI_DEMO_STR_TITLE_FLEXBOX_PLAYGROUND "Flexbox Playground"
122 123 #define DALI_DEMO_STR_TITLE_FOCUS_INTEGRATION "Focus Integration"
  124 +#define DALI_DEMO_STR_TITLE_IMAGE_POLICIES "Image Policies"
123 125 #define DALI_DEMO_STR_TITLE_IMAGE_FITTING_SAMPLING "Image Fitting and Sampling"
124 126 #define DALI_DEMO_STR_TITLE_IMAGE_SCALING "Image Scaling Grid"
125 127 #define DALI_DEMO_STR_TITLE_IMAGE_VIEW "Image View"
... ...