Added Animated Gif example

Change-Id: I609238663f1ecd1d7925d5388f25e43c7094a294

Added Animated Gif example
Change-Id: I609238663f1ecd1d7925d5388f25e43c7094a294
Xiangyin Ma
1 parent 4b01383a
Showing 18 changed files with 199 additions and 0 deletions
com.samsung.dali-demo.xml
demo/dali-demo.cpp
examples/animated-images/animated-images-example.cpp
resources/images/dali-logo-anim.gif
resources/images/dali-logo-static.gif
resources/images/dog-anim.gif
resources/images/dog-static.gif
resources/po/as.po
resources/po/de.po
resources/po/en_GB.po
resources/po/en_US.po
resources/po/es.po
resources/po/fi.po
resources/po/ko.po
resources/po/ml.po
resources/po/ur.po
resources/po/zn_CH.po
shared/dali-demo-strings.h
@@ -178,4 +178,7 @@
 	<ui-application appid="transitions.example" exec="/usr/apps/com.samsung.dali-demo/bin/transitions.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
 		<label>Visual Transitions</label>
 	</ui-application>
+	<ui-application appid="animated-images.example" exec="/usr/apps/com.samsung.dali-demo/bin/animated-images.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
+		<label>Animated images</label>
+	</ui-application>
 </manifest>
@@ -36,6 +36,7 @@ int DALI_EXPORT_API main(int argc, char **argv)
   // Create the demo launcher
   DaliTableView demo(app);
+  demo.AddExample(Example("animated-images.example", DALI_DEMO_STR_TITLE_ANIMATED_IMAGES));
   demo.AddExample(Example("animated-shapes.example", DALI_DEMO_STR_TITLE_ANIMATED_SHAPES));
   demo.AddExample(Example("bubble-effect.example", DALI_DEMO_STR_TITLE_BUBBLES));
   demo.AddExample(Example("blocks.example", DALI_DEMO_STR_TITLE_BLOCKS));
+/*
+ * Copyright (c) 2016 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.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+#include <dali-toolkit/dali-toolkit.h>
+
+#include "shared/utility.h"
+
+using namespace Dali;
+using namespace Dali::Toolkit;
+
+namespace
+{
+const char * const PLAY_ICON( DEMO_IMAGE_DIR "icon-play.png" );
+const char * const PLAY_ICON_SELECTED( DEMO_IMAGE_DIR "icon-play-selected.png" );
+
+const char* const STATIC_GIF_DOG( DEMO_IMAGE_DIR "dog-static.gif" );
+const char* const ANIMATE_GIF_DOG( DEMO_IMAGE_DIR "dog-anim.gif" );
+
+const char* const STATIC_GIF_LOGO( DEMO_IMAGE_DIR "dali-logo-static.gif" );
+const char* const ANIMATE_GIF_LOGO( DEMO_IMAGE_DIR "dali-logo-anim.gif" );
+
+const Vector4 DIM_COLOR( 0.85f, 0.85f, 0.85f, 0.85f );
+}
+
+/* This example shows how to display a GIF image.
+ * First a static GIF image is loaded and then when the user presses on the "Play" icon,
+ * the static image is replaced by an animated one
+ */
+
+class AnimatedImageController : public ConnectionTracker
+{
+public:
+
+  AnimatedImageController( Application& application )
+  : mApplication( application )
+  {
+    // Connect to the Application's Init signal
+    mApplication.InitSignal().Connect( this, &AnimatedImageController::Create );
+  }
+
+  ~AnimatedImageController()
+  {
+    // Nothing to do here;
+  }
+
+  // The Init signal is received once (only) during the Application lifetime
+  void Create( Application& application )
+  {
+    // Get a handle to the stage
+    Stage stage = Stage::GetCurrent();
+    stage.SetBackgroundColor( Color::WHITE );
+    // Tie-in input event handlers:
+    stage.KeyEventSignal().Connect( this, &AnimatedImageController::OnKeyEvent );
+
+    mActorDog = CreateGifViewWithOverlayButton( STATIC_GIF_DOG );
+    mActorDog.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
+    mActorDog.SetY( -100.f );
+    stage.Add( mActorDog );
+
+    mActorLogo = CreateGifViewWithOverlayButton( STATIC_GIF_LOGO );
+    mActorLogo.SetAnchorPoint( AnchorPoint::TOP_CENTER );
+    mActorLogo.SetY( 100.f );
+    stage.Add( mActorLogo );
+  }
+
+  /**
+   * Create the gif image view with an overlay play button.
+   */
+  Toolkit::ImageView CreateGifViewWithOverlayButton( const std::string& gifUrl  )
+  {
+    Toolkit::ImageView imageView = Toolkit::ImageView::New( gifUrl );
+    imageView.SetParentOrigin( ParentOrigin::CENTER );
+
+    // Create a push button, and add it as child of the image view
+    Toolkit::PushButton animateButton = Toolkit::PushButton::New();
+    animateButton.SetUnselectedImage( PLAY_ICON );
+    animateButton.SetSelectedImage( PLAY_ICON_SELECTED );
+    animateButton.SetParentOrigin( ParentOrigin::CENTER );
+    animateButton.SetAnchorPoint( AnchorPoint::CENTER );
+    animateButton.ClickedSignal().Connect( this, &AnimatedImageController::OnPlayButtonClicked );
+    imageView.Add( animateButton );
+
+    // Apply dim color on the gif view and the play button
+    imageView.SetColor( DIM_COLOR );
+
+    return imageView;
+  }
+
+  bool OnPlayButtonClicked( Toolkit::Button button )
+  {
+    Stage stage = Stage::GetCurrent();
+
+    // With play button clicked, the static gif is replaced with animated gif.
+    if( button.GetParent() ==  mActorDog )
+    {
+      // remove the static gif view, the play button is also removed as its child.
+      stage.Remove( mActorDog );
+
+      mActorDog = Toolkit::ImageView::New( ANIMATE_GIF_DOG );
+      mActorDog.SetParentOrigin( ParentOrigin::CENTER );
+      mActorDog.SetAnchorPoint( AnchorPoint::BOTTOM_CENTER );
+      mActorDog.SetY( -100.f );
+      stage.Add( mActorDog );
+    }
+    else // button.GetParent() ==  mActorLogo
+    {
+      // remove the static gif view, the play button is also removed as its child.
+      stage.Remove( mActorLogo );
+
+      mActorLogo = Toolkit::ImageView::New( ANIMATE_GIF_LOGO );
+      mActorLogo.SetParentOrigin( ParentOrigin::CENTER );
+      mActorLogo.SetAnchorPoint( AnchorPoint::TOP_CENTER );
+      mActorLogo.SetY( 100.f );
+      stage.Add( mActorLogo );
+    }
+    return true;
+  }
+
+
+  void OnKeyEvent(const KeyEvent& event)
+  {
+    if(event.state == KeyEvent::Down)
+    {
+      if( IsKey( event, Dali::DALI_KEY_ESCAPE) || IsKey( event, Dali::DALI_KEY_BACK) )
+      {
+        mApplication.Quit();
+      }
+    }
+  }
+
+private:
+  Application&  mApplication;
+  Toolkit::ImageView mActorDog;
+  Toolkit::ImageView mActorLogo;
+};
+
+// Entry point for Linux & Tizen applications
+//
+int DALI_EXPORT_API main( int argc, char **argv )
+{
+  Application application = Application::New( &argc, &argv );
+
+  AnimatedImageController test( application );
+
+  application.MainLoop();
+
+  return 0;
+}
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "অ্যানিমেটেড ইমেজ"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "অ্যানিমেটেড আকার"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "Animierte Bilder"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "Animierte Formen"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "Animated Images"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "Animated Shapes"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "Animated Images"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "Animated Shapes"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "Imágenes animadas"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "Formas Animadas"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "animoituja kuvia"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "Animoidut Muodot"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "애니메이션 이미지"
+
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "애니메이션 모양"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "അനിമേറ്റഡ് ചിത്രങ്ങൾ"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "ആനിമേഷൻ രൂപങ്ങൾ"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "متحرک تصاویر"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "متحرک شکلیں"
+msgid "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES"
+msgstr "动态图"
+
 msgid "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES"
 msgstr "动画造型"
@@ -32,6 +32,7 @@ extern &quot;C&quot;
 #ifdef INTERNATIONALIZATION_ENABLED
+#define DALI_DEMO_STR_TITLE_ANIMATED_IMAGES             dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_ANIMATED_IMAGES")
 #define DALI_DEMO_STR_TITLE_ANIMATED_SHAPES             dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_ANIMATED_SHAPES")
 #define DALI_DEMO_STR_TITLE_BLOCKS                      dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_BLOCKS")
 #define DALI_DEMO_STR_TITLE_BUBBLES                     dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_BUBBLES")
@@ -86,6 +87,7 @@ extern &quot;C&quot;
 #else // !INTERNATIONALIZATION_ENABLED
+#define DALI_DEMO_STR_TITLE_ANIMATED_IMAGES             "Animated Images"
 #define DALI_DEMO_STR_TITLE_ANIMATED_SHAPES             "Animated Shapes"
 #define DALI_DEMO_STR_TITLE_BLOCKS                      "Blocks"
 #define DALI_DEMO_STR_TITLE_BUBBLES                     "Bubbles"