Peter M. Groen / dali-demo

Commit a03fb7a1433ab0379fa348eead802295d6a69fd1

Authored by Xiangyin Ma
1 parent 77bb81b9

Added EffectsView Demo 

Change-Id: I604b3ae944c17d33a5ecaa5296966865e2eecd69
Inline Side-by-side
Showing 4 changed files with 269 additions and 0 deletions
com.samsung.dali-demo.xml
  View file @a03fb7a
... ... @@ -142,4 +142,7 @@
142 142 <ui-application appid="tilt.example" exec="/usr/apps/com.samsung.dali-demo/bin/tilt.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
143 143 <label>Tilt sensor</label>
144 144 </ui-application>
  145 + <ui-application appid="effectse-view.example" exec="/usr/apps/com.samsung.dali-demo/bin/effects-view.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
  146 + <label>Effects View</label>
  147 + </ui-application>
145 148 </manifest>
... ...
demo/dali-demo.cpp
  View file @a03fb7a
... ... @@ -74,6 +74,7 @@ int main(int argc, char **argv)
74 74 demo.AddExample(Example("image-view-svg.example", DALI_DEMO_STR_TITLE_IMAGE_VIEW_SVG));
75 75 demo.AddExample(Example("super-blur-bloom.example", DALI_DEMO_STR_TITLE_SUPER_BLUR_BLOOM));
76 76 demo.AddExample(Example("tilt.example", DALI_DEMO_STR_TITLE_TILT_SENSOR));
  77 + demo.AddExample(Example("effects-view.example", DALI_DEMO_STR_TITLE_EFFECTS_VIEW));
77 78  
78 79 demo.SortAlphabetically( true );
79 80  
... ...
examples/effects-view/effects-view-example.cpp 0 → 100644
  View file @a03fb7a
  1 +//
  2 +// Copyright (c) 2016 Samsung Electronics Co., Ltd.
  3 +//
  4 +// Licensed under the Flora License, Version 1.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://floralicense.org/license/
  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 +// EXTERNAL INCLUDES
  18 +
  19 +// INTERNAL INCLUDES
  20 +#include "shared/view.h"
  21 +
  22 +#include <dali/dali.h>
  23 +#include <dali-toolkit/dali-toolkit.h>
  24 +#include <dali-toolkit/devel-api/controls/effects-view/effects-view.h>
  25 +#include <sstream>
  26 +
  27 +using namespace Dali;
  28 +using namespace Dali::Toolkit;
  29 +
  30 +namespace
  31 +{
  32 +const char* const TITLE( "EffectsView: effect size = " );
  33 +const char* TOOLBAR_IMAGE( DEMO_IMAGE_DIR "top-bar.png" );
  34 +const char* VIEW_SWAP_IMAGE( DEMO_IMAGE_DIR "icon-change.png" );
  35 +const char* VIEW_SWAP_SELECTED_IMAGE( DEMO_IMAGE_DIR "icon-change-selected.png" );
  36 +const char* TEST_IMAGE( DEMO_IMAGE_DIR "Kid1.svg" );
  37 +} // namespace
  38 +
  39 +// This example illustrates the capabilities of the EffectsView container
  40 +//
  41 +class EffectsViewApp : public ConnectionTracker
  42 +{
  43 +public:
  44 +
  45 + /**
  46 + * Constructor
  47 + */
  48 + EffectsViewApp( Application& application );
  49 + /**
  50 + * Destructor
  51 + */
  52 + ~EffectsViewApp();
  53 +
  54 +private:
  55 +
  56 + /**
  57 + * Initialisation. This method gets called once the main loop of application is up and running
  58 + */
  59 + void OnAppInitialize( Application& application );
  60 +
  61 + /**
  62 + * Create a effect view of drop shadow
  63 + *
  64 + * @param[in] type The type of effect to be performed by the EffectView.
  65 + * @param[in] viewSize Size of the effect view
  66 + * @param[in] effectSize The effect size used in image filters.
  67 + */
  68 + EffectsView CreateEffectsView( EffectsView::EffectType type, const Vector2& viewSize, int effectSize );
  69 +
  70 + /**
  71 + * Animate the effect offset and color properties.
  72 + * @param[in] effectsView The view whose properties to be animated.
  73 + */
  74 + void AnimateEffectProperties( EffectsView& effectsView );
  75 +
  76 + /**
  77 + * Set title onto the toolbar
  78 + * @param[in] effectSize The effect size value to be indicated on the title
  79 + */
  80 + void SetTitle(int effectSize);
  81 +
  82 + /**
  83 + * Callback function to change the effect size.
  84 + * @param[in] button The button which triggered the callback.
  85 + */
  86 + bool ChangeEffectSize( Button button );
  87 +
  88 + /**
  89 + * Main key event handler
  90 + */
  91 + void OnKeyEvent(const KeyEvent& event);
  92 +
  93 +private:
  94 + Application& mApplication;
  95 + Layer mContents;
  96 + Toolkit::Control mView;
  97 + Toolkit::ToolBar mToolBar;
  98 + EffectsView mDropShadowView;
  99 + EffectsView mEmbossView;
  100 + Toolkit::TextLabel mTitleActor; ///< The title on the toolbar
  101 + Vector2 mStageSize;
  102 + int mEffectSize;
  103 +};
  104 +
  105 +EffectsViewApp::EffectsViewApp( Application& application )
  106 +: mApplication( application ),
  107 + mEffectSize( 2 )
  108 +{
  109 + // Connect to the Application's Init signal
  110 + mApplication.InitSignal().Connect( this, &EffectsViewApp::OnAppInitialize );
  111 +}
  112 +
  113 +EffectsViewApp::~EffectsViewApp()
  114 +{
  115 + // Nothing to do here;
  116 +}
  117 +
  118 +void EffectsViewApp::OnAppInitialize( Application& application )
  119 +{
  120 + // The Init signal is received once (only) during the Application lifetime
  121 +
  122 + Stage stage = Stage::GetCurrent();
  123 + stage.KeyEventSignal().Connect(this, &EffectsViewApp::OnKeyEvent);
  124 + stage.SetBackgroundColor( Color::WHITE );
  125 +
  126 + mStageSize = stage.GetSize();
  127 +
  128 + // Creates a default view with a default tool bar.
  129 + // The view is added to the stage.
  130 + mContents = DemoHelper::CreateView( application, mView, mToolBar, "", TOOLBAR_IMAGE, "" );
  131 +
  132 + // Creates view change button.
  133 + Toolkit::PushButton viewButton = Toolkit::PushButton::New();
  134 + viewButton.SetUnselectedImage( VIEW_SWAP_IMAGE );
  135 + viewButton.SetSelectedImage( VIEW_SWAP_SELECTED_IMAGE );
  136 + // Connects the view change button clicked signal to the OnView method.
  137 + viewButton.ClickedSignal().Connect( this, &EffectsViewApp::ChangeEffectSize );
  138 + mToolBar.AddControl( viewButton, DemoHelper::DEFAULT_VIEW_STYLE.mToolBarButtonPercentage, Toolkit::Alignment::HorizontalRight, DemoHelper::DEFAULT_MODE_SWITCH_PADDING );
  139 +
  140 + Vector2 effectsViewSize( mStageSize.width, mStageSize.height * 0.25f );
  141 + mDropShadowView = CreateEffectsView( EffectsView::DROP_SHADOW, effectsViewSize, mEffectSize );
  142 + mDropShadowView.SetParentOrigin( ParentOrigin::CENTER );
  143 + mDropShadowView.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
  144 + mDropShadowView.SetZ( -mStageSize.height * 0.1f );
  145 + mContents.Add( mDropShadowView );
  146 +
  147 + mEmbossView = CreateEffectsView( EffectsView::EMBOSS, effectsViewSize, mEffectSize );
  148 + mEmbossView.SetParentOrigin( ParentOrigin::CENTER );
  149 + mEmbossView.SetAnchorPoint( AnchorPoint::TOP_CENTER );
  150 + mEmbossView.SetZ( mStageSize.height * 0.1f );
  151 + mContents.Add( mEmbossView );
  152 +
  153 + SetTitle( mEffectSize );
  154 +}
  155 +
  156 +
  157 +EffectsView EffectsViewApp::CreateEffectsView( EffectsView::EffectType type, const Vector2& viewSize, int effectSize )
  158 +{
  159 + Toolkit::EffectsView effectsView = Toolkit::EffectsView::New(type);
  160 + // set control size
  161 + effectsView.SetSize( viewSize.width, viewSize.height );
  162 + // set effect size property
  163 + effectsView.SetProperty( EffectsView::Property::EFFECT_SIZE, effectSize );
  164 +
  165 + // Create some content
  166 + // text
  167 + std::string text = ( type == EffectsView::DROP_SHADOW) ? "Drop Shadow" : "Emboss";
  168 + TextLabel textActor( TextLabel::New( text ) );
  169 + textActor.SetParentOrigin( ParentOrigin::CENTER_LEFT );
  170 + textActor.SetAnchorPoint( AnchorPoint::CENTER_LEFT );
  171 + textActor.SetSize( viewSize );
  172 + textActor.SetPosition( viewSize.width*0.4f, viewSize.height*0.3f );
  173 + textActor.SetProperty( TextLabel::Property::POINT_SIZE, DemoHelper::ScalePointSize(14.f) );
  174 + effectsView.Add( textActor );
  175 +
  176 + // image
  177 + ImageView icon = ImageView::New( TEST_IMAGE );
  178 + icon.SetParentOrigin( ParentOrigin::CENTER_LEFT );
  179 + icon.SetAnchorPoint( AnchorPoint::CENTER_LEFT );
  180 + icon.SetX( viewSize.width*0.1f );
  181 + icon.SetSize( viewSize.height*0.8f, viewSize.height*0.8f );
  182 + effectsView.Add( icon );
  183 +
  184 + AnimateEffectProperties( effectsView );
  185 +
  186 + return effectsView;
  187 +}
  188 +
  189 +void EffectsViewApp::AnimateEffectProperties( EffectsView& effectsView )
  190 +{
  191 + const float animationTime( 5.0f );
  192 + Animation animation( Animation::New(animationTime) );
  193 +
  194 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3( 2.f,-2.f, 0.0f), TimePeriod(animationTime * 0.0f, animationTime * 0.2f) );
  195 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3(-2.f,-2.f, 0.0f), TimePeriod(animationTime * 0.2f, animationTime * 0.2f) );
  196 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3(-2.f, 2.f, 0.0f), TimePeriod(animationTime * 0.4f, animationTime * 0.2f) );
  197 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3( 4.f, 4.f, 0.0f), TimePeriod(animationTime * 0.6f, animationTime * 0.2f) );
  198 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3::ZERO, TimePeriod(animationTime * 0.8f, animationTime * 0.2f) );
  199 +
  200 + effectsView.SetProperty( EffectsView::Property::EFFECT_COLOR, Color::BLACK );
  201 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_COLOR ), Color::BLUE, TimePeriod(animationTime * 0.0f, animationTime * 0.33f) );
  202 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_COLOR ), Color::RED, TimePeriod(animationTime * 0.33f, animationTime * 0.33f) );
  203 + animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_COLOR ), Color::BLACK, TimePeriod(animationTime * 0.66f, animationTime * 0.34f));
  204 +
  205 + animation.SetLooping( true );
  206 + animation.Play();
  207 +}
  208 +
  209 +void EffectsViewApp::SetTitle(int effectSize)
  210 +{
  211 + std::ostringstream title;
  212 + title<<TITLE<< effectSize;
  213 +
  214 + if(!mTitleActor)
  215 + {
  216 + mTitleActor = DemoHelper::CreateToolBarLabel( title.str() );
  217 + // Add title to the tool bar.
  218 + mToolBar.AddControl( mTitleActor, DemoHelper::DEFAULT_VIEW_STYLE.mToolBarTitlePercentage, Toolkit::Alignment::HorizontalCenter );
  219 + }
  220 + mTitleActor.SetProperty( Toolkit::TextLabel::Property::TEXT, title.str() );
  221 +}
  222 +
  223 +bool EffectsViewApp::ChangeEffectSize( Button button )
  224 +{
  225 + mEffectSize = ( mEffectSize+1 )%5;
  226 + mDropShadowView.SetProperty( EffectsView::Property::EFFECT_SIZE, mEffectSize );
  227 + mEmbossView.SetProperty( EffectsView::Property::EFFECT_SIZE, mEffectSize );
  228 + SetTitle( mEffectSize );
  229 +
  230 + return true;
  231 +}
  232 +
  233 +
  234 +void EffectsViewApp::OnKeyEvent(const KeyEvent& event)
  235 +{
  236 + if(event.state == KeyEvent::Down)
  237 + {
  238 + if( IsKey( event, Dali::DALI_KEY_ESCAPE) || IsKey( event, Dali::DALI_KEY_BACK) )
  239 + {
  240 + mApplication.Quit();
  241 + }
  242 + }
  243 +}
  244 +
  245 +/*****************************************************************************/
  246 +
  247 +static void RunTest( Application& application )
  248 +{
  249 + EffectsViewApp test( application );
  250 +
  251 + application.MainLoop();
  252 +}
  253 +
  254 +/*****************************************************************************/
  255 +
  256 +int main(int argc, char **argv)
  257 +{
  258 + Application application = Application::New(&argc, &argv, DEMO_THEME_PATH);
  259 +
  260 + RunTest(application);
  261 +
  262 + return 0;
  263 +}
... ...
shared/dali-demo-strings.h
  View file @a03fb7a
... ... @@ -62,6 +62,7 @@ extern &quot;C&quot;
62 62 #define DALI_DEMO_STR_TITLE_LINE_MESH dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_LINE_MESH")
63 63 #define DALI_DEMO_STR_TITLE_COLOR_GRADIENT dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_COLOR_GRADIENT")
64 64 #define DALI_DEMO_STR_TITLE_SUPER_BLUR_BLOOM dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_SUPER_BLUR_BLOOM")
  65 +#define DALI_DEMO_STR_TITLE_EFFECTS_VIEW dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_EFFECTS_VIEW")
65 66  
66 67 #else // !INTERNATIONALIZATION_ENABLED
67 68  
... ... @@ -102,6 +103,7 @@ extern &quot;C&quot;
102 103 #define DALI_DEMO_STR_TITLE_IMAGE_VIEW_ALPHA_BLENDING "Image View Alpha Blending"
103 104 #define DALI_DEMO_STR_TITLE_IMAGE_VIEW_SVG "Image View SVG"
104 105 #define DALI_DEMO_STR_TITLE_SUPER_BLUR_BLOOM "Super Blur and Bloom"
  106 +#define DALI_DEMO_STR_TITLE_EFFECTS_VIEW "Effects View"
105 107  
106 108 #endif
107 109  
... ...