examples/magnifier/magnifier-example.cpp

   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 // EXTERNAL INCLUDES
  19
  20 // INTERNAL INCLUDES
  21 #include "shared/view.h"
  22
  23 #include <dali-toolkit/dali-toolkit.h>
  24 #include <dali-toolkit/devel-api/controls/magnifier/magnifier.h>
  25 using namespace Dali;
  26
  27 namespace
  28 {
  29 const char* BACKGROUND_IMAGE( DEMO_IMAGE_DIR "background-magnifier.jpg" );
  30 const char* TOOLBAR_IMAGE( DEMO_IMAGE_DIR "top-bar.png" );
  31 const char* APPLICATION_TITLE( "Magnifier Example" );
  32 const Vector3 MAGNIFIER_SIZE(0.25f, 0.25f, 0.0f);       ///< Magnifier sides should be 25% of the width of the stage
  33 const float ANIMATION_DURATION(60.0f);                  ///< Run animation for a minute before repeating.
  34 const float MAGNIFIER_DISPLAY_DURATION(0.125f);         ///< Duration in seconds for show/hide manual magnifier animation
  35
  36 const float MAGNIFICATION_FACTOR(2.0f);                 ///< Amount to magnify by.
  37 const float MAGNIFIER_INDENT(10.0f);                    ///< Indentation around edge of stage to define where magnifiers may move.
  38 const float FINGER_RADIUS_INCHES(0.25f);                ///< Average finger radius in inches from the center of index finger to edge.
  39
  40 /**
  41  * MagnifierPathConstraint
  42  * This constraint governs the position of the
  43  * animating magnifier in a swirly pattern around
  44  * the stage.
  45  */
  46 struct MagnifierPathConstraint
  47 {
  48   /**
  49    * Constraint constructor
  50    * @param[in] stageSize The stage size so that the constraint can create a path
  51    * within stage bounds.
  52    */
  53   MagnifierPathConstraint(const Vector3& stageSize,
  54                           Vector3 offset = Vector3::ZERO)
  55   : mStageSize(stageSize),
  56     mOffset(offset)
  57   {
  58   }
  59
  60   void operator()( Vector3& current, const PropertyInputContainer& inputs )
  61   {
  62     float time = inputs[1]->GetFloat();
  63     const Vector3& size = inputs[0]->GetVector3();
  64
  65     current = mOffset;
  66
  67     Vector3 range( mStageSize - size - Vector3::ONE * MAGNIFIER_INDENT * 2.0f );
  68     current.x += 0.5f * sinf(time * 0.471f) * range.width;
  69     current.y += 0.5f * sinf(time * 0.8739f) * range.height;
  70   }
  71
  72   Vector3 mStageSize;     ///< Keep track of the stage size for determining path within stage bounds
  73   Vector3 mOffset;        ///< Amount to offset magnifier path
  74 };
  75
  76 /**
  77  * Confine Actor to boundaries of reference actor (e.g. Parent)
  78  * Actor bounds (top-left position + size) are confined to reference Actor's
  79  * bounds.
  80  */
  81 struct ConfinementConstraint
  82 {
  83   /**
  84    * Confinement constraint constructor.
  85    * @param[in] offsetOrigin (optional) Whether to offset the parent origin or not.
  86    * @param[in] topLeftMargin (optional) Top-Left margins (defaults to 0.0f, 0.0f)
  87    * @param[in] bottomRightMargin (optional) Bottom-Right margins (defaults to 0.0f, 0.0f)
  88    * @param[in] flipHorizontal (optional) whether to flip Actor to the other side X if near edge, and by
  89    * how much (defaults to 0.0f i.e. no flip)
  90    * @param[in] flipVertical (optional) whether to flip Actor to the other side Y if near edge, and by
  91    * how much (defaults to 0.0f i.e. no flip)
  92    */
  93   ConfinementConstraint(Vector3 offsetOrigin = Vector3::ZERO, Vector2 topLeftMargin = Vector2::ZERO, Vector2 bottomRightMargin = Vector2::ZERO, bool flipHorizontal = false, bool flipVertical = false)
  94   : mOffsetOrigin(offsetOrigin),
  95     mMinIndent(topLeftMargin),
  96     mMaxIndent(bottomRightMargin),
  97     mFlipHorizontal(flipHorizontal),
  98     mFlipVertical(flipVertical)
  99   {
 100   }
 101
 102   void operator()( Vector3& current, const PropertyInputContainer& inputs )
 103   {
 104     const Vector3& size = inputs[0]->GetVector3();
 105     const Vector3 origin = inputs[1]->GetVector3();
 106     const Vector3& anchor = inputs[2]->GetVector3();
 107     const Vector3& referenceSize = inputs[3]->GetVector3();
 108
 109     Vector3 offset(mOffsetOrigin * referenceSize);
 110
 111     // Get actual position of Actor relative to parent's Top-Left.
 112     Vector3 position(current + offset + origin * referenceSize);
 113
 114     current += offset;
 115
 116     // if top-left corner is outside of Top-Left bounds, then push back in screen.
 117     Vector3 corner(position - size * anchor - mMinIndent);
 118
 119     if(mFlipHorizontal && corner.x < 0.0f)
 120     {
 121       corner.x = 0.0f;
 122       current.x += size.width;
 123     }
 124
 125     if(mFlipVertical && corner.y < 0.0f)
 126     {
 127       corner.y = 0.0f;
 128       current.y += size.height;
 129     }
 130
 131     current.x -= std::min(corner.x, 0.0f);
 132     current.y -= std::min(corner.y, 0.0f);
 133
 134     // if bottom-right corner is outside of Bottom-Right bounds, then push back in screen.
 135     corner += size - referenceSize + mMinIndent + mMaxIndent;
 136
 137     if(mFlipHorizontal && corner.x > 0.0f)
 138     {
 139       corner.x = 0.0f;
 140       current.x -= size.width;
 141     }
 142
 143     if(mFlipVertical && corner.y > 0.0f)
 144     {
 145       corner.y = 0.0f;
 146       current.y -= size.height;
 147     }
 148
 149     current.x -= std::max(corner.x, 0.0f);
 150     current.y -= std::max(corner.y, 0.0f);
 151   }
 152
 153   Vector3 mOffsetOrigin;                                ///< Manual Parent Offset Origin.
 154   Vector3 mMinIndent;                                   ///< Top-Left Margin
 155   Vector3 mMaxIndent;                                   ///< Bottom-Right Margin.
 156   bool mFlipHorizontal;                                 ///< Whether to flip actor's position if exceeds horizontal screen bounds
 157   bool mFlipVertical;                                   ///< Whether to flip actor's position if exceeds vertical screen bounds
 158 };
 159
 160 }
 161
 162 // This example shows how to use the Magnifier component.
 163 //
 164 class ExampleController : public ConnectionTracker
 165 {
 166 public:
 167
 168   /**
 169    * The example controller constructor.
 170    * @param[in] application The application instance
 171    */
 172   ExampleController( Application& application )
 173   : mApplication( application ),
 174     mView(),
 175     mAnimationTime(0.0f),
 176     mAnimationTimeProperty( Property::INVALID_INDEX ),
 177     mMagnifierShown(false)
 178   {
 179     // Connect to the Application's Init signal
 180     mApplication.InitSignal().Connect( this, &ExampleController::Create );
 181   }
 182
 183   /**
 184    * The example controller destructor
 185    */
 186   ~ExampleController()
 187   {
 188     // Nothing to do here;
 189   }
 190
 191   /**
 192    * Invoked upon creation of application
 193    * @param[in] application The application instance
 194    */
 195   void Create( Application& application )
 196   {
 197     Stage::GetCurrent().KeyEventSignal().Connect(this, &ExampleController::OnKeyEvent);
 198
 199     mStageSize = Stage::GetCurrent().GetSize();
 200
 201     // The Init signal is received once (only) during the Application lifetime
 202
 203     // Hide the indicator bar
 204     application.GetWindow().ShowIndicator( Dali::Window::INVISIBLE );
 205
 206     // Creates a default view with a default tool bar.
 207     // The view is added to the stage.
 208     Toolkit::ToolBar toolBar;
 209     mContent = DemoHelper::CreateView( application,
 210                                        mView,
 211                                        toolBar,
 212                                        BACKGROUND_IMAGE,
 213                                        TOOLBAR_IMAGE,
 214                                        APPLICATION_TITLE );
 215
 216     mContent.SetProperty( Actor::Property::LEAVE_REQUIRED,true);
 217     mContent.TouchSignal().Connect( this, &ExampleController::OnTouched );
 218
 219     // Create magnifier (controlled by human touch)
 220     Layer overlay = Layer::New();
 221     overlay.SetProperty( Actor::Property::SENSITIVE,false);
 222     overlay.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
 223     overlay.SetSize(mStageSize);
 224     Stage::GetCurrent().Add(overlay);
 225
 226     mMagnifier = Toolkit::Magnifier::New();
 227     mMagnifier.SetSourceActor( mView );
 228     mMagnifier.SetSize( MAGNIFIER_SIZE * mStageSize.width );  // Size of magnifier is in relation to stage width
 229     mMagnifier.SetProperty( Toolkit::Magnifier::Property::MAGNIFICATION_FACTOR, MAGNIFICATION_FACTOR );
 230     mMagnifier.SetScale(Vector3::ZERO);
 231     overlay.Add( mMagnifier );
 232
 233     // Apply constraint to animate the position of the magnifier.
 234     Constraint constraint = Constraint::New<Vector3>( mMagnifier, Actor::Property::POSITION, ConfinementConstraint(Vector3( 0.5f, 0.5f, 0.0f ), Vector2::ONE * MAGNIFIER_INDENT, Vector2::ONE * MAGNIFIER_INDENT) );
 235     constraint.AddSource( LocalSource(Actor::Property::SIZE) );
 236     constraint.AddSource( LocalSource(Actor::Property::PARENT_ORIGIN) );
 237     constraint.AddSource( LocalSource(Actor::Property::ANCHOR_POINT) );
 238     constraint.AddSource( ParentSource(Actor::Property::SIZE) );
 239     constraint.SetRemoveAction(Constraint::Discard);
 240     constraint.Apply();
 241
 242     // Create bouncing magnifier automatically bounces around screen.
 243     mBouncingMagnifier = Toolkit::Magnifier::New();
 244     mBouncingMagnifier.SetSourceActor( mView );
 245     mBouncingMagnifier.SetSize( MAGNIFIER_SIZE * mStageSize.width ); // Size of magnifier is in relation to stage width
 246     mBouncingMagnifier.SetProperty( Toolkit::Magnifier::Property::MAGNIFICATION_FACTOR, MAGNIFICATION_FACTOR );
 247     overlay.Add( mBouncingMagnifier );
 248
 249     mAnimationTimeProperty = mBouncingMagnifier.RegisterProperty("animationTime",  0.0f);
 250     ContinueAnimation();
 251
 252     // Apply constraint to animate the position of the magnifier.
 253     constraint = Constraint::New<Vector3>( mBouncingMagnifier, Actor::Property::POSITION, MagnifierPathConstraint(mStageSize, mStageSize * 0.5f) );
 254     constraint.AddSource( LocalSource(Actor::Property::SIZE) );
 255     constraint.AddSource( LocalSource(mAnimationTimeProperty) );
 256     constraint.Apply();
 257
 258     // Apply constraint to animate the source of the magnifier.
 259     constraint = Constraint::New<Vector3>( mBouncingMagnifier, Toolkit::Magnifier::Property::SOURCE_POSITION, MagnifierPathConstraint(mStageSize) );
 260     constraint.AddSource( LocalSource(Actor::Property::SIZE) );
 261     constraint.AddSource( LocalSource(mAnimationTimeProperty) );
 262     constraint.Apply();
 263   }
 264
 265   /**
 266    * Invoked whenever the animation finishes (every 60 seconds)
 267    * @param[in] animation The animation
 268    */
 269   void OnAnimationFinished( Animation& animation )
 270   {
 271     animation.FinishedSignal().Disconnect(this, &ExampleController::OnAnimationFinished);
 272     animation.Clear();
 273     ContinueAnimation();
 274   }
 275
 276   /**
 277    * Resumes animation for another ANIMATION_DURATION seconds.
 278    */
 279   void ContinueAnimation()
 280   {
 281     Animation animation = Animation::New(ANIMATION_DURATION);
 282     mAnimationTime += ANIMATION_DURATION;
 283     animation.AnimateTo( Property(mBouncingMagnifier, mAnimationTimeProperty), mAnimationTime );
 284     animation.Play();
 285     animation.FinishedSignal().Connect(this, &ExampleController::OnAnimationFinished);
 286   }
 287
 288   /**
 289    * Invoked whenever the quit button is clicked
 290    * @param[in] button the quit button
 291    */
 292   bool OnQuitButtonClicked( Toolkit::Button button )
 293   {
 294     // quit the application
 295     mApplication.Quit();
 296     return true;
 297   }
 298
 299   /**
 300    * Invoked whenever the content (screen) is touched
 301    * @param[in] actor The actor that received the touch
 302    * @param[in] event The touch-event information
 303    */
 304   bool OnTouched( Actor actor, const TouchData& event )
 305   {
 306     if(event.GetPointCount() > 0)
 307     {
 308       switch( event.GetState( 0 ) )
 309       {
 310         case PointState::DOWN:
 311         case PointState::MOTION:
 312         {
 313           ShowMagnifier();
 314           break;
 315         }
 316         case PointState::UP:
 317         case PointState::LEAVE:
 318         case PointState::INTERRUPTED:
 319         {
 320           HideMagnifier();
 321           break;
 322         }
 323         case PointState::STATIONARY:
 324         {
 325           break;
 326         }
 327       } // end switch
 328
 329       Vector3 touchPoint( event.GetScreenPosition( 0 ) );
 330
 331       SetMagnifierPosition(touchPoint - mStageSize * 0.5f);
 332     }
 333
 334     return false;
 335   }
 336
 337   /**
 338    * Shows the magnifier
 339    */
 340   void ShowMagnifier()
 341   {
 342     if(!mMagnifierShown)
 343     {
 344       Animation animation = Animation::New(MAGNIFIER_DISPLAY_DURATION);
 345       animation.AnimateTo(Property(mMagnifier, Actor::Property::SCALE), Vector3::ONE, AlphaFunction::EASE_IN);
 346       animation.Play();
 347       mMagnifierShown = true;
 348     }
 349   }
 350
 351   /**
 352    * Hides the magnifier
 353    */
 354   void HideMagnifier()
 355   {
 356     if(mMagnifierShown)
 357     {
 358       Animation animation = Animation::New(MAGNIFIER_DISPLAY_DURATION);
 359       animation.AnimateTo(Property(mMagnifier, Actor::Property::SCALE), Vector3::ZERO, AlphaFunction::EASE_OUT);
 360       animation.Play();
 361       mMagnifierShown = false;
 362     }
 363   }
 364
 365   /**
 366    * Manually sets the magnifier position
 367    * @param[in] position The magnifier's position relative to center of stage
 368    */
 369   void SetMagnifierPosition(const Vector3 position)
 370   {
 371     mMagnifier.SetProperty( Toolkit::Magnifier::Property::SOURCE_POSITION, position );
 372
 373     // position magnifier glass such that bottom edge is touching/near top of finger.
 374     Vector3 glassPosition(position);
 375     glassPosition.y -= mStageSize.width * MAGNIFIER_SIZE.height * 0.5f + Stage::GetCurrent().GetDpi().height * FINGER_RADIUS_INCHES;
 376
 377     mMagnifier.SetPosition( glassPosition );
 378   }
 379
 380   void OnKeyEvent(const KeyEvent& event)
 381   {
 382     if(event.state == KeyEvent::Down)
 383     {
 384       if( IsKey( event, Dali::DALI_KEY_ESCAPE) || IsKey( event, Dali::DALI_KEY_BACK) )
 385       {
 386         mApplication.Quit();
 387       }
 388     }
 389   }
 390
 391 private:
 392
 393   Application&  mApplication;                             ///< Application instance
 394   Toolkit::Control mView;                                 ///< The view
 395   Layer mContent;                                         ///< The content layer
 396   Toolkit::Magnifier mMagnifier;                          ///< The manually controlled magnifier
 397   Toolkit::Magnifier mBouncingMagnifier;                  ///< The animating magnifier (swirly animation)
 398   Vector3 mStageSize;                                     ///< The size of the stage
 399   float mAnimationTime;                                   ///< Keep track of start animation time.
 400   Property::Index mAnimationTimeProperty;                 ///< Animation time property (responsible for swirly animation)
 401   bool mMagnifierShown;                                   ///< Flag indicating whether the magnifier is being shown or not.
 402
 403 };
 404
 405 int DALI_EXPORT_API main( int argc, char **argv )
 406 {
 407   Application application = Application::New( &argc, &argv, DEMO_THEME_PATH );
 408   ExampleController test( application );
 409   application.MainLoop();
 410   return 0;
 411 }