2 * Copyright (c) 2019 Samsung Electronics Co., Ltd.
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
8 * http://www.apache.org/licenses/LICENSE-2.0
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.
21 #include "shared/view.h"
23 #include <dali/dali.h>
24 #include <dali-toolkit/dali-toolkit.h>
25 #include <dali-toolkit/devel-api/controls/buttons/button-devel.h>
26 #include <dali-toolkit/devel-api/controls/effects-view/effects-view.h>
30 using namespace Dali::Toolkit;
34 const char* const TITLE( "EffectsView: effect size = " );
35 const char* TOOLBAR_IMAGE( DEMO_IMAGE_DIR "top-bar.png" );
36 const char* VIEW_SWAP_IMAGE( DEMO_IMAGE_DIR "icon-change.png" );
37 const char* VIEW_SWAP_SELECTED_IMAGE( DEMO_IMAGE_DIR "icon-change-selected.png" );
38 const char* TEST_IMAGE( DEMO_IMAGE_DIR "Kid1.svg" );
41 // This example illustrates the capabilities of the EffectsView container
43 class EffectsViewApp : public ConnectionTracker
50 EffectsViewApp( Application& application );
59 * Initialisation. This method gets called once the main loop of application is up and running
61 void OnAppInitialize( Application& application );
64 * Create a effect view of drop shadow
66 * @param[in] type The type of effect to be performed by the EffectView.
67 * @param[in] viewSize Size of the effect view
68 * @param[in] effectSize The effect size used in image filters.
70 EffectsView CreateEffectsView( EffectsView::EffectType type, const Vector2& viewSize, int effectSize );
73 * Animate the effect offset and color properties.
74 * @param[in] effectsView The view whose properties to be animated.
76 void AnimateEffectProperties( EffectsView& effectsView );
79 * Set title onto the toolbar
80 * @param[in] effectSize The effect size value to be indicated on the title
82 void SetTitle(int effectSize);
85 * Callback function to change the effect size.
86 * @param[in] button The button which triggered the callback.
88 bool ChangeEffectSize( Button button );
91 * Main key event handler
93 void OnKeyEvent(const KeyEvent& event);
96 Application& mApplication;
98 Toolkit::Control mView;
99 Toolkit::ToolBar mToolBar;
100 EffectsView mDropShadowView;
101 EffectsView mEmbossView;
102 Toolkit::TextLabel mTitleActor; ///< The title on the toolbar
107 EffectsViewApp::EffectsViewApp( Application& application )
108 : mApplication( application ),
111 // Connect to the Application's Init signal
112 mApplication.InitSignal().Connect( this, &EffectsViewApp::OnAppInitialize );
115 EffectsViewApp::~EffectsViewApp()
117 // Nothing to do here;
120 void EffectsViewApp::OnAppInitialize( Application& application )
122 // The Init signal is received once (only) during the Application lifetime
124 Stage stage = Stage::GetCurrent();
125 stage.KeyEventSignal().Connect(this, &EffectsViewApp::OnKeyEvent);
126 stage.SetBackgroundColor( Color::WHITE );
128 mStageSize = stage.GetSize();
130 // Creates a default view with a default tool bar.
131 // The view is added to the stage.
132 mContents = DemoHelper::CreateView( application, mView, mToolBar, "", TOOLBAR_IMAGE, "" );
134 // Creates view change button.
135 Toolkit::PushButton viewButton = Toolkit::PushButton::New();
136 viewButton.SetProperty( Toolkit::DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, VIEW_SWAP_IMAGE );
137 viewButton.SetProperty( Toolkit::DevelButton::Property::SELECTED_BACKGROUND_VISUAL, VIEW_SWAP_SELECTED_IMAGE );
138 // Connects the view change button clicked signal to the OnView method.
139 viewButton.ClickedSignal().Connect( this, &EffectsViewApp::ChangeEffectSize );
140 mToolBar.AddControl( viewButton, DemoHelper::DEFAULT_VIEW_STYLE.mToolBarButtonPercentage, Toolkit::Alignment::HorizontalRight, DemoHelper::DEFAULT_MODE_SWITCH_PADDING );
142 Vector2 effectsViewSize( mStageSize.width, mStageSize.height * 0.25f );
143 mDropShadowView = CreateEffectsView( EffectsView::DROP_SHADOW, effectsViewSize, mEffectSize );
144 mDropShadowView.SetParentOrigin( ParentOrigin::CENTER );
145 mDropShadowView.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
146 mDropShadowView.SetZ( -mStageSize.height * 0.1f );
147 mContents.Add( mDropShadowView );
149 mEmbossView = CreateEffectsView( EffectsView::EMBOSS, effectsViewSize, mEffectSize );
150 mEmbossView.SetParentOrigin( ParentOrigin::CENTER );
151 mEmbossView.SetAnchorPoint( AnchorPoint::TOP_CENTER );
152 mEmbossView.SetZ( mStageSize.height * 0.1f );
153 mContents.Add( mEmbossView );
155 SetTitle( mEffectSize );
159 EffectsView EffectsViewApp::CreateEffectsView( EffectsView::EffectType type, const Vector2& viewSize, int effectSize )
161 Toolkit::EffectsView effectsView = Toolkit::EffectsView::New(type);
163 effectsView.SetSize( viewSize.width, viewSize.height );
164 // set effect size property
165 effectsView.SetProperty( EffectsView::Property::EFFECT_SIZE, effectSize );
167 // Create some content
169 std::string text = ( type == EffectsView::DROP_SHADOW) ? "Drop Shadow" : "Emboss";
170 TextLabel textActor( TextLabel::New( text ) );
171 textActor.SetParentOrigin( ParentOrigin::CENTER_LEFT );
172 textActor.SetAnchorPoint( AnchorPoint::CENTER_LEFT );
173 textActor.SetSize( viewSize );
174 textActor.SetPosition( viewSize.width*0.4f, viewSize.height*0.3f );
175 textActor.SetProperty( TextLabel::Property::POINT_SIZE, DemoHelper::ScalePointSize(14.f) );
176 effectsView.Add( textActor );
179 ImageView icon = ImageView::New( TEST_IMAGE );
180 icon.SetParentOrigin( ParentOrigin::CENTER_LEFT );
181 icon.SetAnchorPoint( AnchorPoint::CENTER_LEFT );
182 icon.SetX( viewSize.width*0.1f );
183 icon.SetSize( viewSize.height*0.8f, viewSize.height*0.8f );
184 effectsView.Add( icon );
186 AnimateEffectProperties( effectsView );
191 void EffectsViewApp::AnimateEffectProperties( EffectsView& effectsView )
193 const float animationTime( 5.0f );
194 Animation animation( Animation::New(animationTime) );
196 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3( 2.f,-2.f, 0.0f), TimePeriod(animationTime * 0.0f, animationTime * 0.2f) );
197 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3(-2.f,-2.f, 0.0f), TimePeriod(animationTime * 0.2f, animationTime * 0.2f) );
198 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3(-2.f, 2.f, 0.0f), TimePeriod(animationTime * 0.4f, animationTime * 0.2f) );
199 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3( 4.f, 4.f, 0.0f), TimePeriod(animationTime * 0.6f, animationTime * 0.2f) );
200 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_OFFSET ), Vector3::ZERO, TimePeriod(animationTime * 0.8f, animationTime * 0.2f) );
202 effectsView.SetProperty( EffectsView::Property::EFFECT_COLOR, Color::BLACK );
203 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_COLOR ), Color::BLUE, TimePeriod(animationTime * 0.0f, animationTime * 0.33f) );
204 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_COLOR ), Color::RED, TimePeriod(animationTime * 0.33f, animationTime * 0.33f) );
205 animation.AnimateTo( Property( effectsView, EffectsView::Property::EFFECT_COLOR ), Color::BLACK, TimePeriod(animationTime * 0.66f, animationTime * 0.34f));
207 animation.SetLooping( true );
211 void EffectsViewApp::SetTitle(int effectSize)
213 std::ostringstream title;
214 title<<TITLE<< effectSize;
218 mTitleActor = DemoHelper::CreateToolBarLabel( title.str() );
219 // Add title to the tool bar.
220 mToolBar.AddControl( mTitleActor, DemoHelper::DEFAULT_VIEW_STYLE.mToolBarTitlePercentage, Toolkit::Alignment::HorizontalCenter );
222 mTitleActor.SetProperty( Toolkit::TextLabel::Property::TEXT, title.str() );
225 bool EffectsViewApp::ChangeEffectSize( Button button )
227 mEffectSize = ( mEffectSize+1 )%5;
228 mDropShadowView.SetProperty( EffectsView::Property::EFFECT_SIZE, mEffectSize );
229 mEmbossView.SetProperty( EffectsView::Property::EFFECT_SIZE, mEffectSize );
230 SetTitle( mEffectSize );
236 void EffectsViewApp::OnKeyEvent(const KeyEvent& event)
238 if(event.state == KeyEvent::Down)
240 if( IsKey( event, Dali::DALI_KEY_ESCAPE) || IsKey( event, Dali::DALI_KEY_BACK) )
247 /*****************************************************************************/
249 int DALI_EXPORT_API main(int argc, char **argv)
251 Application application = Application::New(&argc, &argv, DEMO_THEME_PATH);
252 EffectsViewApp test( application );
253 application.MainLoop();