2 * Copyright (c) 2014 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.
22 #include "shared/view.h"
24 #include <dali/dali.h>
25 #include <dali-toolkit/dali-toolkit.h>
26 #include <dali-toolkit/devel-api/shader-effects/dissolve-effect.h>
30 using Dali::Toolkit::TextLabel;
36 const char * const TOOLBAR_IMAGE( DALI_IMAGE_DIR "top-bar.png" );
37 const char * const APPLICATION_TITLE_HIGHP( "Dissolve Effect(highp)" );
38 const char * const APPLICATION_TITLE_MEDIUMP( "Dissolve Effect(mediump)" );
39 const char * const EFFECT_HIGHP_IMAGE( DALI_IMAGE_DIR "icon-highp.png" );
40 const char * const EFFECT_HIGHP_IMAGE_SELECTED( DALI_IMAGE_DIR "icon-highp-selected.png" );
41 const char * const EFFECT_MEDIUMP_IMAGE( DALI_IMAGE_DIR "icon-mediump.png" );
42 const char * const EFFECT_MEDIUMP_IMAGE_SELECTED( DALI_IMAGE_DIR "icon-mediump-selected.png" );
43 const char * const PLAY_ICON( DALI_IMAGE_DIR "icon-play.png" );
44 const char * const PLAY_ICON_SELECTED( DALI_IMAGE_DIR "icon-play-selected.png" );
45 const char * const STOP_ICON( DALI_IMAGE_DIR "icon-stop.png" );
46 const char * const STOP_ICON_SELECTED( DALI_IMAGE_DIR "icon-stop-selected.png" );
48 const char* IMAGES[] =
50 DALI_IMAGE_DIR "gallery-large-1.jpg",
51 DALI_IMAGE_DIR "gallery-large-2.jpg",
52 DALI_IMAGE_DIR "gallery-large-3.jpg",
53 DALI_IMAGE_DIR "gallery-large-4.jpg",
54 DALI_IMAGE_DIR "gallery-large-5.jpg",
55 DALI_IMAGE_DIR "gallery-large-6.jpg",
56 DALI_IMAGE_DIR "gallery-large-7.jpg",
57 DALI_IMAGE_DIR "gallery-large-8.jpg",
58 DALI_IMAGE_DIR "gallery-large-9.jpg",
59 DALI_IMAGE_DIR "gallery-large-10.jpg",
60 DALI_IMAGE_DIR "gallery-large-11.jpg",
61 DALI_IMAGE_DIR "gallery-large-12.jpg",
62 DALI_IMAGE_DIR "gallery-large-13.jpg",
63 DALI_IMAGE_DIR "gallery-large-14.jpg",
64 DALI_IMAGE_DIR "gallery-large-15.jpg",
65 DALI_IMAGE_DIR "gallery-large-16.jpg",
66 DALI_IMAGE_DIR "gallery-large-17.jpg",
67 DALI_IMAGE_DIR "gallery-large-18.jpg",
68 DALI_IMAGE_DIR "gallery-large-19.jpg",
69 DALI_IMAGE_DIR "gallery-large-20.jpg",
70 DALI_IMAGE_DIR "gallery-large-21.jpg",
73 const int NUM_IMAGES( sizeof(IMAGES) / sizeof(IMAGES[0]) );
75 // The duration of the current image staying on screen when slideshow is on
76 const int VIEWINGTIME = 2000; // 2 seconds
78 const float TRANSITION_DURATION = 2.5f; //2.5 second
80 const float INITIAL_DEPTH = -10.0f;
83 * @brief Load an image, scaled-down to no more than the stage dimensions.
85 * Uses image scaling mode SCALE_TO_FILL to resize the image at
86 * load time to cover the entire stage with pixels with no borders,
87 * and filter mode BOX_THEN_LINEAR to sample the image with
90 ResourceImage LoadStageFillingImage( const char * const imagePath )
92 Size stageSize = Stage::GetCurrent().GetSize();
93 return ResourceImage::New( imagePath, ImageDimensions( stageSize.x, stageSize.y ), Dali::FittingMode::SCALE_TO_FILL, Dali::SamplingMode::BOX_THEN_LINEAR );
98 class DissolveEffectApp : public ConnectionTracker
104 * @param application class, stored as reference
106 DissolveEffectApp( Application& application );
108 ~DissolveEffectApp();
113 * This method gets called once the main loop of application is up and running
115 void OnInit( Application& application );
117 * PanGesture callback. This method gets called when the pan gesture is detected.
118 * @param[in] actor The actor receiving the pan gesture.
119 * @param[in] gesture The detected pan gesture.
121 void OnPanGesture( Actor actor, const PanGesture& gesture );
124 * Set up the animations for transition
125 * @param[in] position The point ( locates within rectange {(0,0),(0,1),(1,0),(1,1)} ) passing through the central line of the dissolve effect
126 * @param[in] displacement The direction of the central line of the dissolve effect
128 void StartTransition(Vector2 position, Vector2 displacement);
130 * Callback function of effect-switch button
131 * Change the precision of the effect shader when the effect button is clicked
132 * @param[in] button The handle of the clicked button
134 bool OnEffectButtonClicked( Toolkit::Button button );
136 * Callback function of slideshow button
137 * Start or stop the automatical image display when the slideshow button is clicked
138 * @param[in] button The handle of the clicked button
140 bool OnSildeshowButtonClicked( Toolkit::Button button );
142 * Callback function of cube transition completed signal
143 * @param[in] effect The cube effect used for the transition
144 * @param[in] imageActor The target imageActor of the completed transition
146 void OnTransitionCompleted(Animation& source);
148 * Callback function of timer tick
149 * The timer is used to count the image display duration after cube transition in slideshow,
154 * Main key event handler
156 void OnKeyEvent(const KeyEvent& event);
159 Application& mApplication;
160 Toolkit::Control mView;
161 Toolkit::ToolBar mToolBar;
163 Toolkit::TextLabel mTitleActor;
166 ImageActor mCurrentImage;
167 ImageActor mNextImage;
170 ShaderEffect mCurrentImageEffect;
171 ShaderEffect mNextImageEffect;
172 bool mUseHighPrecision;
173 Animation mAnimation;
175 PanGestureDetector mPanGestureDetector;
181 unsigned int mCentralLineIndex;
184 Image mIconPlaySelected;
186 Image mIconStopSelected;
187 Toolkit::PushButton mPlayStopButton;
190 Image mIconHighPSelected;
192 Image mIconMediumPSelected;
193 Toolkit::PushButton mEffectChangeButton;
196 DissolveEffectApp::DissolveEffectApp( Application& application )
197 : mApplication( application ),
199 mUseHighPrecision(true),
200 mIsTransiting( false ),
202 mTimerReady( false ),
203 mCentralLineIndex( 0 )
205 mApplication.InitSignal().Connect( this, &DissolveEffectApp::OnInit );
208 DissolveEffectApp::~DissolveEffectApp()
213 void DissolveEffectApp::OnInit( Application& application )
215 Stage::GetCurrent().KeyEventSignal().Connect(this, &DissolveEffectApp::OnKeyEvent);
217 // Creates a default view with a default tool bar, the view is added to the stage.
218 mContent = DemoHelper::CreateView( application, mView,mToolBar, "", TOOLBAR_IMAGE, "" );
220 // Add an effect-changing button on the right of the tool bar.
221 mIconHighP = ResourceImage::New( EFFECT_HIGHP_IMAGE );
222 mIconHighPSelected = ResourceImage::New( EFFECT_HIGHP_IMAGE_SELECTED );
223 mIconMediumP = ResourceImage::New( EFFECT_MEDIUMP_IMAGE );
224 mIconMediumPSelected = ResourceImage::New( EFFECT_MEDIUMP_IMAGE_SELECTED );
225 mEffectChangeButton = Toolkit::PushButton::New();
226 mEffectChangeButton.SetButtonImage( mIconHighP );
227 mEffectChangeButton.SetSelectedImage( mIconHighPSelected );
228 mEffectChangeButton.ClickedSignal().Connect( this, &DissolveEffectApp::OnEffectButtonClicked );
229 mToolBar.AddControl( mEffectChangeButton, DemoHelper::DEFAULT_VIEW_STYLE.mToolBarButtonPercentage, Toolkit::Alignment::HorizontalRight, DemoHelper::DEFAULT_MODE_SWITCH_PADDING );
231 // Add title to the tool bar.
232 mTitleActor = DemoHelper::CreateToolBarLabel( APPLICATION_TITLE_HIGHP );
233 mToolBar.AddControl( mTitleActor, DemoHelper::DEFAULT_VIEW_STYLE.mToolBarTitlePercentage, Toolkit::Alignment::HorizontalCenter );
235 // Add an slide-show button on the right of the title
236 mIconPlay = ResourceImage::New( PLAY_ICON );
237 mIconPlaySelected = ResourceImage::New( PLAY_ICON_SELECTED );
238 mIconStop = ResourceImage::New( STOP_ICON );
239 mIconStopSelected = ResourceImage::New( STOP_ICON_SELECTED );
240 mPlayStopButton = Toolkit::PushButton::New();
241 mPlayStopButton.SetButtonImage( mIconPlay );
242 mPlayStopButton.SetSelectedImage( mIconPlaySelected );
243 mPlayStopButton.ClickedSignal().Connect( this, &DissolveEffectApp::OnSildeshowButtonClicked );
244 mToolBar.AddControl( mPlayStopButton, DemoHelper::DEFAULT_VIEW_STYLE.mToolBarButtonPercentage, Toolkit::Alignment::HorizontalCenter, DemoHelper::DEFAULT_PLAY_PADDING );
246 // use pan gesture to detect the cursor or finger movement
247 mPanGestureDetector = PanGestureDetector::New();
248 mPanGestureDetector.DetectedSignal().Connect( this, &DissolveEffectApp::OnPanGesture );
250 // create the dissolve effect object
251 mCurrentImageEffect = Toolkit::CreateDissolveEffect(mUseHighPrecision);
252 mNextImageEffect = Toolkit::CreateDissolveEffect(mUseHighPrecision);
254 mViewTimer = Timer::New( VIEWINGTIME );
255 mViewTimer.TickSignal().Connect( this, &DissolveEffectApp::OnTimerTick );
258 // Set size to stage size to avoid seeing a black border on transition
259 mParent = Actor::New();
260 mParent.SetSize( Stage::GetCurrent().GetSize() );
261 mParent.SetPositionInheritanceMode( USE_PARENT_POSITION );
262 mContent.Add( mParent );
264 // show the first image
265 mCurrentImage = ImageActor::New( LoadStageFillingImage( IMAGES[mIndex] ) );
266 mCurrentImage.SetPositionInheritanceMode(USE_PARENT_POSITION_PLUS_LOCAL_POSITION);
267 mCurrentImage.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
268 mCurrentImage.SetSizeScalePolicy( SizeScalePolicy::FIT_WITH_ASPECT_RATIO );
269 mParent.Add( mCurrentImage );
271 mPanGestureDetector.Attach( mCurrentImage );
274 // signal handler, called when the pan gesture is detected
275 void DissolveEffectApp::OnPanGesture( Actor actor, const PanGesture& gesture )
277 // does not response when the animation has not finished
278 if( mIsTransiting || mSlideshow )
283 if( gesture.state == Gesture::Continuing )
285 if( gesture.displacement.x < 0)
287 mIndex = (mIndex + 1)%NUM_IMAGES;
291 mIndex = (mIndex + NUM_IMAGES -1)%NUM_IMAGES;
294 Image image = LoadStageFillingImage( IMAGES[ mIndex ] );
295 mNextImage = ImageActor::New( image );
296 mNextImage.SetPositionInheritanceMode(USE_PARENT_POSITION_PLUS_LOCAL_POSITION);
297 mNextImage.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
298 mNextImage.SetSizeScalePolicy( SizeScalePolicy::FIT_WITH_ASPECT_RATIO );
299 mNextImage.SetZ(INITIAL_DEPTH);
300 mParent.Add( mNextImage );
301 Vector2 size = Vector2( mCurrentImage.GetCurrentSize() );
302 StartTransition( gesture.position / size, gesture.displacement * Vector2(1.0, size.x/size.y));
306 void DissolveEffectApp::StartTransition(Vector2 position, Vector2 displacement)
308 mAnimation = Animation::New(TRANSITION_DURATION);
310 Dali::Toolkit::DissolveEffectSetCentralLine( mCurrentImageEffect, position, displacement );
311 mCurrentImageEffect.SetUniform("uPercentage", 0.0f);
312 mCurrentImage.SetShaderEffect(mCurrentImageEffect);
313 mAnimation.AnimateTo( Property(mCurrentImageEffect, "uPercentage"), 1.0f, AlphaFunction::LINEAR );
315 mNextImage.SetOpacity(0.0f);
316 mAnimation.AnimateTo( Property( mNextImage, Actor::Property::COLOR_ALPHA ), 1.0f, AlphaFunction::LINEAR );
318 if(mUseHighPrecision)
320 Dali::Toolkit::DissolveEffectSetCentralLine( mNextImageEffect, position, displacement );
321 mNextImageEffect.SetUniform("uPercentage", 1.0f);
322 mNextImage.SetShaderEffect(mNextImageEffect);
323 mAnimation.AnimateTo( Property(mNextImageEffect, "uPercentage"), 0.0f, AlphaFunction::LINEAR );
327 mAnimation.AnimateTo( Property( mNextImage, Actor::Property::POSITION ), Vector3( 0.0f, 0.0f, 0.0f ), AlphaFunction::LINEAR );
330 mAnimation.FinishedSignal().Connect( this, &DissolveEffectApp::OnTransitionCompleted );
332 mIsTransiting = true;
335 void DissolveEffectApp::OnKeyEvent(const KeyEvent& event)
337 if(event.state == KeyEvent::Down)
339 if( IsKey( event, Dali::DALI_KEY_ESCAPE) || IsKey( event, Dali::DALI_KEY_BACK) )
346 bool DissolveEffectApp::OnEffectButtonClicked( Toolkit::Button button )
348 mUseHighPrecision = !mUseHighPrecision;
349 mCurrentImageEffect = Dali::Toolkit::CreateDissolveEffect(mUseHighPrecision);
350 if(mUseHighPrecision)
352 mTitleActor.SetProperty( TextLabel::Property::TEXT, std::string(APPLICATION_TITLE_HIGHP) );
353 mEffectChangeButton.SetButtonImage( mIconHighP );
354 mEffectChangeButton.SetSelectedImage( mIconHighPSelected );
358 mTitleActor.SetProperty( TextLabel::Property::TEXT, std::string(APPLICATION_TITLE_MEDIUMP) );
359 mEffectChangeButton.SetButtonImage( mIconMediumP );
360 mEffectChangeButton.SetSelectedImage( mIconMediumPSelected );
366 bool DissolveEffectApp::OnSildeshowButtonClicked( Toolkit::Button button )
368 mSlideshow = !mSlideshow;
371 mPlayStopButton.SetButtonImage( mIconStop );
372 mPlayStopButton.SetSelectedImage( mIconStopSelected );
373 mPanGestureDetector.Detach( mParent );
379 mPlayStopButton.SetButtonImage( mIconPlay );
380 mPlayStopButton.SetSelectedImage( mIconPlaySelected );
382 mPanGestureDetector.Attach( mParent );
387 void DissolveEffectApp::OnTransitionCompleted( Animation& source )
389 mCurrentImage.RemoveShaderEffect();
390 mNextImage.RemoveShaderEffect();
391 mParent.Remove( mCurrentImage );
392 mPanGestureDetector.Detach( mCurrentImage );
393 mCurrentImage = mNextImage;
394 mPanGestureDetector.Attach( mCurrentImage );
395 mIsTransiting = false;
404 bool DissolveEffectApp::OnTimerTick()
409 mIndex = (mIndex + 1)%NUM_IMAGES;
410 Image image = LoadStageFillingImage( IMAGES[ mIndex ] );
411 mNextImage = ImageActor::New( image );
412 mNextImage.SetPositionInheritanceMode(USE_PARENT_POSITION_PLUS_LOCAL_POSITION);
413 mNextImage.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
414 mNextImage.SetSizeScalePolicy( SizeScalePolicy::FIT_WITH_ASPECT_RATIO );
415 mNextImage.SetZ(INITIAL_DEPTH);
416 mParent.Add( mNextImage );
417 switch( mCentralLineIndex%4 )
421 StartTransition(Vector2(1.0f,0.5f), Vector2(-1.0f, 0.0f));
426 StartTransition(Vector2(0.5f,0.0f), Vector2(0.0f, 1.0f));
431 StartTransition(Vector2(0.0f,0.5f), Vector2(1.0f, 0.0f));
436 StartTransition(Vector2(0.5f,1.0f), Vector2(0.0f, -1.0f));
443 return false; //return false to stop the timer
446 // Entry point for Linux & Tizen applications
447 int main( int argc, char **argv )
449 Application application = Application::New( &argc, &argv, DALI_DEMO_THEME_PATH );
450 DissolveEffectApp test( application );
451 application.MainLoop();