<ui-application appid="text-overlap.example" exec="/usr/apps/com.samsung.dali-demo/bin/text-overlap.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
<label>Text Overlap</label>
</ui-application>
+ <ui-application appid="property-notification.example" exec="/usr/apps/com.samsung.dali-demo/bin/property-notification.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
+ <label>Property Notification</label>
+ </ui-application>
<privileges>
<privilege>http://tizen.org/privilege/mediastorage</privilege>
<privilege>http://tizen.org/privilege/externalstorage</privilege>
demo.AddExample(Example("pivot.example", DALI_DEMO_STR_TITLE_PIVOT));
demo.AddExample(Example("primitive-shapes.example", DALI_DEMO_STR_TITLE_PRIMITIVE_SHAPES));
demo.AddExample(Example("progress-bar.example", DALI_DEMO_STR_TITLE_PROGRESS_BAR));
+ demo.AddExample(Example("property-notification.example", DALI_DEMO_STR_TITLE_PROPERTY_NOTIFICATION));
demo.AddExample(Example("rendering-basic-light.example", DALI_DEMO_STR_TITLE_BASIC_LIGHT));
demo.AddExample(Example("rendering-line.example", DALI_DEMO_STR_TITLE_RENDERING_DRAW_LINE));
demo.AddExample(Example("rendering-triangle.example", DALI_DEMO_STR_TITLE_RENDERING_DRAW_TRIANGLE));
--- /dev/null
+/*
+ * Copyright (c) 2017 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/devel-api/actors/actor-devel.h>
+#include <dali-toolkit/dali-toolkit.h>
+#include <dali-toolkit/devel-api/controls/text-controls/text-label-devel.h>
+
+using namespace Dali;
+using namespace Dali::Toolkit;
+
+namespace
+{
+const float COLOR_ANIMATION_DURATION( 5.0f );
+const float OPACITY_ANIMATION_DURATION( 1.0f );
+} // unnamed namespace
+
+/**
+ * @brief An example that shows how to use property notifications.
+ *
+ * - Creates a text label and sets its text color to black.
+ * - Animates the text color of a text label to red.
+ * - Sets up a property notification so that we are informed when the color is 50% red.
+ * - When we are notified, we start a new animation which animates the text label to transparent.
+ */
+class PropertyNotificationController : public ConnectionTracker
+{
+public:
+
+ /**
+ * @brief Constructor.
+ * @param[in] application A reference to the Application class.
+ */
+ PropertyNotificationController( Application& application )
+ : mApplication( application )
+ {
+ // Connect to the Application's Init signal
+ mApplication.InitSignal().Connect( this, &PropertyNotificationController::Create );
+ }
+
+ /**
+ * @brief Called to initialise the application content
+ * @param[in] application A reference to the Application class.
+ */
+ void Create( Application& application )
+ {
+ // Set the stage background color and connect to the stage's key signal to allow Back and Escape to exit.
+ Stage stage = Stage::GetCurrent();
+ stage.SetBackgroundColor( Color::WHITE );
+ stage.KeyEventSignal().Connect( this, &PropertyNotificationController::OnKeyEvent );
+
+ // Create a text label and set the text color to black
+ mTextLabel = TextLabel::New( "Black to Red Animation\nNew opacity animation at 50% Red" );
+ mTextLabel.SetProperty( Actor::Property::ANCHOR_POINT, AnchorPoint::CENTER );
+ mTextLabel.SetProperty( Actor::Property::PARENT_ORIGIN, ParentOrigin::CENTER );
+ mTextLabel.SetProperty( TextLabel::Property::MULTI_LINE, true );
+ mTextLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, "CENTER" );
+ mTextLabel.SetProperty( DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE, Color::BLACK );
+ stage.Add( mTextLabel );
+
+ // Create an animation and animate the text color to red
+ Animation animation = Animation::New( COLOR_ANIMATION_DURATION );
+ animation.AnimateTo( Property( mTextLabel, DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE ), Color::RED );
+ animation.Play();
+
+ // Set up a property notification so we are notified when the red component of the text-color reaches 50%
+ PropertyNotification notification = mTextLabel.AddPropertyNotification( DevelTextLabel::Property::TEXT_COLOR_RED, GreaterThanCondition( 0.5f ) );
+ notification.NotifySignal().Connect( this, &PropertyNotificationController::RedComponentNotification );
+ }
+
+ /**
+ * @brief Called when any key event is received
+ *
+ * Will use this to quit the application if Back or the Escape key is received
+ * @param[in] event The key event information
+ */
+ 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();
+ }
+ }
+ }
+
+ /**
+ * @brief Called when the property notification condition is met.
+ *
+ * In our case, it's when the red component is greater than 50%.
+ * Will use this notification to animate the opacity of the text-label to transparent.
+ */
+ void RedComponentNotification( PropertyNotification& /* source */ )
+ {
+ Animation animation = Animation::New( OPACITY_ANIMATION_DURATION );
+ animation.AnimateTo( Property( mTextLabel, DevelActor::Property::OPACITY ), 0.0f );
+ animation.Play();
+ }
+
+private:
+ Application& mApplication;
+ TextLabel mTextLabel;
+};
+
+int DALI_EXPORT_API main( int argc, char **argv )
+{
+ Application application = Application::New( &argc, &argv );
+ PropertyNotificationController test( application );
+ application.MainLoop();
+ return 0;
+}
// EXTERNAL INCLUDES
#include <dali/devel-api/object/handle-devel.h>
+#include <dali/devel-api/actors/actor-devel.h>
#include <dali-toolkit/devel-api/controls/text-controls/text-label-devel.h>
#include <dali-toolkit/dali-toolkit.h>
#include <iostream>
const unsigned int KEY_A = 38;
const unsigned int KEY_F = 41;
const unsigned int KEY_H = 43;
+const unsigned int KEY_U = 30;
const unsigned int KEY_V = 55;
const unsigned int KEY_M = 58;
const unsigned int KEY_L = 46;
mLabel(),
mContainer(),
mGrabCorner(),
+ mBorder(),
mPanGestureDetector(),
mLayoutSize(),
mLanguageId( 0u ),
mPanGestureDetector.DetectedSignal().Connect( this, &TextLabelExample::OnPan );
mLabel = TextLabel::New( "A Quick Brown Fox Jumps Over The Lazy Dog" );
+
mLabel.SetName( "TextLabel" );
mLabel.SetAnchorPoint( AnchorPoint::TOP_LEFT );
- mLabel.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
- mLabel.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::HEIGHT );
+ mLabel.SetSize(mLayoutSize);
mLabel.SetProperty( TextLabel::Property::MULTI_LINE, true );
- mLabel.SetProperty( DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE, Color::BLUE );
+ mLabel.SetProperty( DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE, Color::GREEN );
mLabel.SetProperty( TextLabel::Property::SHADOW_OFFSET, Vector2( 1.0f, 1.0f ) );
mLabel.SetProperty( TextLabel::Property::SHADOW_COLOR, Color::BLACK );
mLabel.SetBackgroundColor( Color::WHITE );
mContainer.Add( mLabel );
+ // Add a border for the container so you can see the container is being resized while grabbing the handle.
+ mBorder = Control::New();
+ mBorder.SetAnchorPoint( AnchorPoint::TOP_LEFT );
+ mBorder.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH );
+ mBorder.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::HEIGHT );
+
+ Dali::Property::Map border;
+ border.Insert( Visual::Property::TYPE, Visual::BORDER );
+ border.Insert( BorderVisual::Property::COLOR, Color::WHITE );
+ border.Insert( BorderVisual::Property::SIZE, 2.f );
+ mBorder.SetProperty( Control::Property::BACKGROUND, border );
+ mContainer.Add( mBorder );
+ mBorder.SetVisible(false);
+
+ DevelActor::RaiseToTop(mGrabCorner);
+
mHueAngleIndex = mLabel.RegisterProperty( "hue", 0.0f );
Renderer bgRenderer = mLabel.GetRendererAt(0);
mOverrideMixColorIndex = DevelHandle::GetPropertyIndex( bgRenderer, ColorVisual::Property::MIX_COLOR );
// Animate the text color 3 times from source color to RED
Animation animation = Animation::New( 2.f );
- animation.AnimateTo( Property( mLabel, DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE ), Color::RED, AlphaFunction::SIN );
+ animation.AnimateTo( Property( mLabel, DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE ), Color::YELLOW, AlphaFunction::SIN );
animation.SetLoopCount( 3 );
animation.Play();
{
mLayoutSize.y = 2.0f;
}
+
+ // Only show the border during the panning
+ mBorder.SetVisible(true);
}
mLayoutSize.x += gesture.displacement.x * 2.0f;
mContainer.SetSize( clampedSize );
}
+
+ if( gesture.state == Gesture::Cancelled || gesture.state == Gesture::Finished )
+ {
+ // Resize the text label to match the container size when panning is finished
+ mLabel.SetSize(mLayoutSize);
+ mBorder.SetVisible(false);
+ }
}
/**
{
Animation animation = Animation::New( 2.f );
animation.AnimateTo( Property( mLabel, DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE ), Color::RED, AlphaFunction::SIN );
- animation.SetLooping( true );
+ animation.SetLoopCount( 3 );
animation.Play();
break;
}
}
break;
}
+ case KEY_U: // Markup
+ {
+ mLabel.SetProperty( TextLabel::Property::ENABLE_MARKUP, true );
+ mLabel.SetProperty( TextLabel::Property::TEXT, "<font family='DejaVuSerif' size='18'>H<color value='blue'>ello</color> <font weight='bold'>world</font> demo</font>" );
+ break;
+ }
case KEY_PLUS: // Increase shadow offset
{
mLabel.SetProperty( TextLabel::Property::SHADOW_OFFSET, mLabel.GetProperty<Vector2>( TextLabel::Property::SHADOW_OFFSET ) + Vector2( 1.0f, 1.0f ) );
Control mContainer;
Control mGrabCorner;
+ Control mBorder;
PanGestureDetector mPanGestureDetector;
void CreateSensor()
{
mTiltSensor = TiltSensor::Get();
- if ( mTiltSensor.Enable() )
+ if ( mTiltSensor.Start() )
{
// Get notifications when the device is tilted
mTiltSensor.TiltedSignal().Connect( this, &TiltController::OnTilted );
Name: com.samsung.dali-demo
Summary: The OpenGLES Canvas Core Demo
-Version: 1.2.52
+Version: 1.2.56
Release: 1
Group: System/Libraries
License: Apache-2.0
msgid "DALI_DEMO_STR_TITLE_PROGRESS_BAR"
msgstr "Progress Bar"
+msgid "DALI_DEMO_STR_TITLE_PROPERTY_NOTIFICATION"
+msgstr "Property Notification"
+
msgid "DALI_DEMO_STR_TITLE_PRIMITIVE_SHAPES"
msgstr "Primitive Shapes"
msgid "DALI_DEMO_STR_TITLE_PROGRESS_BAR"
msgstr "Progress Bar"
+msgid "DALI_DEMO_STR_TITLE_PROPERTY_NOTIFICATION"
+msgstr "Property Notification"
+
msgid "DALI_DEMO_STR_TITLE_PRIMITIVE_SHAPES"
msgstr "Primitive Shapes"
#define DALI_DEMO_STR_TITLE_PIVOT dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_PIVOT")
#define DALI_DEMO_STR_TITLE_PRIMITIVE_SHAPES dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_PRIMITIVE_SHAPES")
#define DALI_DEMO_STR_TITLE_PROGRESS_BAR dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_PROGRESS_BAR")
+#define DALI_DEMO_STR_TITLE_PROPERTY_NOTIFICATION dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_PROPERTY_NOTIFICATION")
#define DALI_DEMO_STR_TITLE_REFRACTION dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_REFRACTION")
#define DALI_DEMO_STR_TITLE_REMOTE_IMAGE dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_REMOTE_IMAGE")
#define DALI_DEMO_STR_TITLE_RENDERING_DRAW_LINE dgettext(DALI_DEMO_DOMAIN_LOCAL, "DALI_DEMO_STR_TITLE_RENDERING_DRAW_LINE")
#define DALI_DEMO_STR_TITLE_PIVOT "Pivot"
#define DALI_DEMO_STR_TITLE_PRIMITIVE_SHAPES "Primitive Shapes"
#define DALI_DEMO_STR_TITLE_PROGRESS_BAR "Progress Bar"
+#define DALI_DEMO_STR_TITLE_PROPERTY_NOTIFICATION "Property Notification"
#define DALI_DEMO_STR_TITLE_REFRACTION "Refract Effect"
#define DALI_DEMO_STR_TITLE_REMOTE_IMAGE "Remote Image"
#define DALI_DEMO_STR_TITLE_RENDERING_DRAW_LINE "Draw Line"
projects / platform / core / uifw / dali-demo.git / commitdiff