/*
- * Copyright (c) 2015 Samsung Electronics Co., Ltd.
+ * 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.
*/
// 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/devel-api/controls/buttons/button-devel.h>
#include <dali-toolkit/dali-toolkit.h>
#include <iostream>
namespace
{
- const char* const BACKGROUND_IMAGE = DALI_IMAGE_DIR "button-up.9.png";
-
- const unsigned int KEY_ZERO = 10;
- const unsigned int KEY_ONE = 11;
- const unsigned int KEY_F = 41;
- const unsigned int KEY_H = 43;
- const unsigned int KEY_V = 55;
- const unsigned int KEY_M = 58;
- const unsigned int KEY_L = 46;
- const unsigned int KEY_S = 39;
- const unsigned int KEY_PLUS = 21;
- const unsigned int KEY_MINUS = 20;
-
- const char* H_ALIGNMENT_STRING_TABLE[] =
- {
- "BEGIN",
- "CENTER",
- "END"
- };
+const char* const BACKGROUND_IMAGE = DEMO_IMAGE_DIR "grab-handle.png";
+const char* const STYLES_IMAGE = DEMO_IMAGE_DIR "FontStyleButton_Main.png";
+const char* const TICK_IMAGE_IMAGE = DEMO_IMAGE_DIR "FontStyleButton_OK_02.png";
+const char* const STYLE_SELECTED_IMAGE = DEMO_IMAGE_DIR "FontStyleButton_OK_03.png";
+
+const char* BUTTON_IMAGES[] =
+{
+ DEMO_IMAGE_DIR "FontStyleButton_Colour.png",
+ DEMO_IMAGE_DIR "FontStyleButton_Outline.png",
+ DEMO_IMAGE_DIR "FontStyleButton_Shadow.png"
+};
+
+const unsigned int KEY_ZERO = 10;
+const unsigned int KEY_ONE = 11;
+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;
+const unsigned int KEY_S = 39;
+const unsigned int KEY_PLUS = 21;
+const unsigned int KEY_MINUS = 20;
+
+const char* H_ALIGNMENT_STRING_TABLE[] =
+{
+ "BEGIN",
+ "CENTER",
+ "END"
+};
- const unsigned int H_ALIGNMENT_STRING_COUNT = sizeof( H_ALIGNMENT_STRING_TABLE ) / sizeof( H_ALIGNMENT_STRING_TABLE[0u] );
+const unsigned int H_ALIGNMENT_STRING_COUNT = sizeof( H_ALIGNMENT_STRING_TABLE ) / sizeof( H_ALIGNMENT_STRING_TABLE[0u] );
+
+const char* V_ALIGNMENT_STRING_TABLE[] =
+{
+ "TOP",
+ "CENTER",
+ "BOTTOM"
+};
+
+const unsigned int V_ALIGNMENT_STRING_COUNT = sizeof( V_ALIGNMENT_STRING_TABLE ) / sizeof( V_ALIGNMENT_STRING_TABLE[0u] );
+
+enum StyleType
+{
+ TEXT_COLOR = 0,
+ OUTLINE,
+ SHADOW,
+ NUMBER_OF_STYLES
+};
- const char* V_ALIGNMENT_STRING_TABLE[] =
+const Vector4 AVAILABLE_COLORS[] =
+{
+ Color::GREEN,
+ Color::BLUE,
+ Color::RED,
+ Color::CYAN
+};
+
+const unsigned int NUMBER_OF_COLORS = sizeof( AVAILABLE_COLORS ) / sizeof( AVAILABLE_COLORS[0u] );
+
+int ConvertToEven(int value)
+{
+ return (value % 2 == 0) ? value : (value + 1);
+}
+
+struct HSVColorConstraint
+{
+ HSVColorConstraint(float hue, float saturation, float value)
+ : hue(hue),
+ saturation(saturation),
+ value(value)
{
- "TOP",
- "CENTER",
- "BOTTOM"
- };
+ }
- const unsigned int V_ALIGNMENT_STRING_COUNT = sizeof( V_ALIGNMENT_STRING_TABLE ) / sizeof( V_ALIGNMENT_STRING_TABLE[0u] );
+ void operator()(Vector3& current, const PropertyInputContainer& inputs )
+ {
+ current = hsv2rgb(Vector3(inputs[0]->GetFloat(), saturation, value));
+ }
- int ConvertToEven(int value)
+ Vector3 hsv2rgb(Vector3 colorHSV)
{
- return (value % 2 == 0) ? value : (value + 1);
+ float r=colorHSV.z*(1+colorHSV.y*(cos(colorHSV.x)-1));
+ float g=colorHSV.z*(1+colorHSV.y*(cos(colorHSV.x-2.09439)-1));
+ float b=colorHSV.z*(1+colorHSV.y*(cos(colorHSV.x+2.09439)-1));
+ return Vector3(r, g, b);
}
-}
+ float hue;
+ float saturation;
+ float value;
+};
+
+const float STYLE_BUTTON_POSTION_RELATIVE_TO_STAGE = 0.9f;
+const float BUTTON_SIZE_RATIO_TO_STAGE = 0.1f;
+const float OUTLINE_WIDTH = 2.0f;
+const Vector2 SHADOW_OFFSET = Vector2( 2.0f, 2.0f );
+
+
+} // anonymous namespace
/**
* @brief The main class of the demo.
TextLabelExample( Application& application )
: mApplication( application ),
+ mLabel(),
+ mShadowActive( false ),
+ mOutlineActive( false ),
+ mSelectedColor(AVAILABLE_COLORS[0]),
+ mContainer(),
+ mGrabCorner(),
+ mBorder(),
+ mPanGestureDetector(),
+ mLayoutSize(),
mLanguageId( 0u ),
- mAlignment( 0u )
+ mAlignment( 0u ),
+ mHueAngleIndex( Property::INVALID_INDEX ),
+ mOverrideMixColorIndex( Property::INVALID_INDEX )
+
{
// Connect to the Application's Init signal
mApplication.InitSignal().Connect( this, &TextLabelExample::Create );
*/
void Create( Application& application )
{
- DemoHelper::RequestThemeChange();
-
Stage stage = Stage::GetCurrent();
stage.KeyEventSignal().Connect(this, &TextLabelExample::OnKeyEvent);
- Vector2 stageSize = stage.GetSize();
+ mStageSize = stage.GetSize();
+
+ mButtonSize = Size( mStageSize.height * 0.1, mStageSize.height * 0.1 ); // Button size 1/10 of stage height
mContainer = Control::New();
mContainer.SetName( "Container" );
mContainer.SetParentOrigin( ParentOrigin::CENTER );
- mLayoutSize = Vector2(stageSize.width*0.6f, stageSize.width*0.6f);
+ mLayoutSize = Vector2(mStageSize.width*0.6f, mStageSize.width*0.6f);
mContainer.SetSize( mLayoutSize );
+ mContainer.SetDrawMode( DrawMode::OVERLAY_2D );
stage.Add( mContainer );
// Resize the center layout when the corner is grabbed
- mGrabCorner = Control::New();
+ mGrabCorner = ImageView::New( BACKGROUND_IMAGE );
mGrabCorner.SetName( "GrabCorner" );
- mGrabCorner.SetAnchorPoint( AnchorPoint::BOTTOM_RIGHT );
+ mGrabCorner.SetAnchorPoint( AnchorPoint::TOP_CENTER );
mGrabCorner.SetParentOrigin( ParentOrigin::BOTTOM_RIGHT );
- mGrabCorner.SetSize( Vector2(stageSize.width*0.1f, stageSize.width*0.1f) );
- mGrabCorner.SetZ(1.0f);
- mGrabCorner.SetBackgroundColor( Color::YELLOW );
+ mGrabCorner.SetResizePolicy( ResizePolicy::USE_NATURAL_SIZE, Dimension::ALL_DIMENSIONS );
mContainer.Add( mGrabCorner );
mPanGestureDetector = PanGestureDetector::New();
mPanGestureDetector.Attach( mGrabCorner );
mPanGestureDetector.DetectedSignal().Connect( this, &TextLabelExample::OnPan );
- mLabel = TextLabel::New( "A Quick Brown Fox Jumps Over The Lazy Dog" );
+ mLabel = TextLabel::New( "\xF0\x9F\x98\x89 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( TextLabel::Property::TEXT_COLOR, Color::BLUE );
- mLabel.SetProperty( TextLabel::Property::SHADOW_OFFSET, Vector2( 1.0f, 1.0f ) );
- mLabel.SetProperty( TextLabel::Property::SHADOW_COLOR, Color::BLACK );
+ mLabel.SetProperty( DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE, Color::GREEN );
mLabel.SetBackgroundColor( Color::WHITE );
mContainer.Add( mLabel );
+ // Create style activate button
+ mStyleMenuButton = PushButton::New();
+ mStyleMenuButton.SetPosition( mButtonSize.width, mStageSize.height * STYLE_BUTTON_POSTION_RELATIVE_TO_STAGE );
+ mStyleMenuButton.SetSize( mButtonSize );
+ mStyleMenuButton.SetProperty( Button::Property::TOGGLABLE, true );
+ mStyleMenuButton.SetProperty( Toolkit::DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, STYLES_IMAGE );
+ mStyleMenuButton.SetProperty( Toolkit::DevelButton::Property::SELECTED_BACKGROUND_VISUAL, TICK_IMAGE_IMAGE );
+
+ mStyleMenuButton.ClickedSignal().Connect( this, &TextLabelExample::OnStyleButtonClicked );
+ stage.Add( mStyleMenuButton );
+
+ // 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( Toolkit::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);
+
+ mGrabCorner.RaiseToTop();
+
+ mHueAngleIndex = mLabel.RegisterProperty( "hue", 0.0f );
+ Renderer bgRenderer = mLabel.GetRendererAt(0);
+ mOverrideMixColorIndex = DevelHandle::GetPropertyIndex( bgRenderer, ColorVisual::Property::MIX_COLOR );
+
+ Constraint constraint = Constraint::New<Vector3>( bgRenderer, mOverrideMixColorIndex, HSVColorConstraint(0.0f, 0.5f, 0.8f));
+ constraint.AddSource( Source( mLabel, mHueAngleIndex ) );
+ constraint.SetRemoveAction( Constraint::Discard );
+ constraint.Apply();
+
+ Animation anim = Animation::New(50.0f);
+ anim.AnimateTo(Property(mLabel, mHueAngleIndex), 6.28318f);
+ anim.SetLooping(true);
+ anim.Play();
+
+ // Animate the text color 3 times from source color to Yellow
+ Animation animation = Animation::New( 2.f );
+ animation.AnimateTo( Property( mLabel, DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE ), Color::YELLOW, AlphaFunction::SIN );
+ animation.SetLoopCount( 3 );
+ animation.Play();
+
Property::Value labelText = mLabel.GetProperty( TextLabel::Property::TEXT );
std::cout << "Displaying text: \"" << labelText.Get< std::string >() << "\"" << std::endl;
}
+ // Depending on button pressed, apply the style to the text label
+ bool OnStyleSelected( Toolkit::Button button )
+ {
+ if( button == mStyleButtons[ StyleType::TEXT_COLOR ] )
+ {
+ Animation animation = Animation::New( 2.f );
+ animation.AnimateTo( Property( mLabel, DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE ), mSelectedColor, AlphaFunction::LINEAR );
+ animation.Play();
+ }
+ else if( button == mStyleButtons[ StyleType::OUTLINE ] )
+ {
+ Property::Map outlineMap;
+ float outlineWidth = OUTLINE_WIDTH;
+
+ if( mOutlineActive )
+ {
+ outlineWidth = ( mOutlineColor == mSelectedColor ) ? 0.0f : OUTLINE_WIDTH ; // toggles outline on/off
+ }
+ mOutlineActive = ( outlineWidth > 0.0f ) ? true : false;
+
+ mOutlineColor = mSelectedColor;
+ outlineMap["color"] = mOutlineColor;
+ outlineMap["width"] = outlineWidth;
+ mLabel.SetProperty( TextLabel::Property::OUTLINE, outlineMap );
+ }
+ else if( button == mStyleButtons[ StyleType::SHADOW ] )
+ {
+ Vector2 shadowOffset( SHADOW_OFFSET ); // Will be set to zeros if color already set
+ Property::Value value = mLabel.GetProperty( TextLabel::Property::SHADOW_COLOR );
+ Vector4 currentShadowColor;
+ value.Get( currentShadowColor );
+
+ if ( mShadowActive )
+ {
+ // toggle shadow off ( zero offset ) if color is already set
+ shadowOffset = ( currentShadowColor == mSelectedColor ) ? Vector2::ZERO : Vector2( SHADOW_OFFSET );
+ }
+
+ mShadowActive = ( shadowOffset == Vector2::ZERO ) ? false : true;
+
+ mLabel.SetProperty( TextLabel::Property::SHADOW_OFFSET, shadowOffset );
+ mLabel.SetProperty( TextLabel::Property::SHADOW_COLOR, mSelectedColor );
+ }
+ return true;
+ }
+
+ bool OnColorSelected( Toolkit::Button button )
+ {
+ for( unsigned int index = 0; index < NUMBER_OF_COLORS; index++)
+ {
+ if ( mColorButtons[index] == button )
+ {
+ mSelectedColor = AVAILABLE_COLORS[ index ];
+ return true;
+ }
+ }
+ return true;
+ }
+
+ void ShowColorButtons()
+ {
+ for( unsigned int index = 0; index < NUMBER_OF_COLORS; index++)
+ {
+ mColorButtons[index] = RadioButton::New();
+ mColorButtons[index].SetPosition( mButtonSize.width, mStageSize.height * STYLE_BUTTON_POSTION_RELATIVE_TO_STAGE - ( mButtonSize.width * (index+1) ) );
+ mColorButtons[index].SetSize( mButtonSize );
+ mColorButtons[index].ClickedSignal().Connect( this, &TextLabelExample::OnColorSelected );
+ mColorButtons[index].SetProperty( Button::Property::TOGGLABLE, true );
+ Property::Map propertyMap;
+ propertyMap.Insert(Visual::Property::TYPE, Visual::COLOR);
+ propertyMap.Insert(ColorVisual::Property::MIX_COLOR, AVAILABLE_COLORS[ index ]);
+ mColorButtons[index].SetProperty( Toolkit::DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, propertyMap );
+ mColorButtons[index].SetProperty( Toolkit::DevelButton::Property::UNSELECTED_VISUAL, propertyMap );
+
+ propertyMap.Insert(Visual::Property::TYPE, Visual::COLOR);
+ propertyMap.Insert(ColorVisual::Property::MIX_COLOR, AVAILABLE_COLORS[ index ]);
+ mColorButtons[index].SetProperty( Toolkit::DevelButton::Property::SELECTED_BACKGROUND_VISUAL, propertyMap );
+
+ mColorButtons[index].SetProperty( Toolkit::DevelButton::Property::SELECTED_VISUAL,
+ Property::Map().Add( Toolkit::Visual::Property::TYPE, Visual::BORDER )
+ .Add( BorderVisual::Property::COLOR, Color::WHITE )
+ .Add( BorderVisual::Property::SIZE, 2.0f )
+ .Add( BorderVisual::Property::ANTI_ALIASING, true ) );
+
+ Stage::GetCurrent().Add( mColorButtons[index] );
+ }
+ }
+
+
+ void HideColorButtons()
+ {
+ for( unsigned int index = 0; index < NUMBER_OF_COLORS; index++)
+ {
+ UnparentAndReset( mColorButtons[index] );
+ }
+ }
+
+ void HideStyleButtons()
+ {
+ for( unsigned int index = 0; index < NUMBER_OF_STYLES; index++)
+ {
+ UnparentAndReset( mStyleButtons[index] );
+ }
+ }
+
+ bool OnStyleButtonClicked( Toolkit::Button button )
+ {
+ if ( button.GetProperty( Toolkit::Button::Property::SELECTED ).Get<bool>() )
+ {
+ for ( unsigned int index = 0; index < NUMBER_OF_STYLES; index++ )
+ {
+ mStyleButtons[index] = PushButton::New();
+ mStyleButtons[index].SetPosition( mButtonSize.width + ( mButtonSize.width * (index+1) ), mStageSize.height * STYLE_BUTTON_POSTION_RELATIVE_TO_STAGE );
+ mStyleButtons[index].SetSize( mButtonSize );
+ mStyleButtons[index].SetProperty( Toolkit::DevelButton::Property::UNSELECTED_BACKGROUND_VISUAL, BUTTON_IMAGES[ index ] );
+ mStyleButtons[index].SetProperty( Toolkit::DevelButton::Property::SELECTED_BACKGROUND_VISUAL, STYLE_SELECTED_IMAGE );
+ mStyleButtons[index].ClickedSignal().Connect( this, &TextLabelExample::OnStyleSelected );
+ Stage::GetCurrent().Add( mStyleButtons[index] );
+ }
+ ShowColorButtons();
+ }
+ else
+ {
+ // hide menu and colors
+ HideColorButtons();
+ HideStyleButtons();
+ }
+ return true;
+ }
+
// Resize the text-label with pan gesture
void OnPan( Actor actor, const PanGesture& gesture )
{
+ // Reset mLayoutSize when the pan starts
+ if( gesture.state == Gesture::Started )
+ {
+ if( mLayoutSize.x < 2.0f )
+ {
+ mLayoutSize.x = 2.0f;
+ }
+
+ if( mLayoutSize.y < 2.0f )
+ {
+ mLayoutSize.y = 2.0f;
+ }
+
+ // Only show the border during the panning
+ mBorder.SetVisible(true);
+ }
+
mLayoutSize.x += gesture.displacement.x * 2.0f;
mLayoutSize.y += gesture.displacement.y * 2.0f;
- if( mLayoutSize.x >= 2.0f &&
+ if( mLayoutSize.x >= 2.0f ||
mLayoutSize.y >= 2.0f )
{
+ mLayoutSize.x = std::min ( mLayoutSize.x, mStageSize.width );
+ mLayoutSize.y = std::min ( mLayoutSize.y, mStageSize.height*.9f );
+
// Avoid pixel mis-alignment issue
- Vector2 clampedSize = Vector2( ConvertToEven(static_cast<int>(mLayoutSize.x)),
- ConvertToEven(static_cast<int>(mLayoutSize.y)) );
+ Vector2 clampedSize = Vector2( std::max( ConvertToEven( static_cast<int>( mLayoutSize.x )), 2 ),
+ std::max( ConvertToEven( static_cast<int>( mLayoutSize.y )), 2 ) );
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);
+ }
}
/**
mLabel.SetProperty( TextLabel::Property::RENDERING_BACKEND, event.keyCode - 10 );
break;
}
+ case KEY_A: // Animate text colour
+ {
+ Animation animation = Animation::New( 2.f );
+ animation.AnimateTo( Property( mLabel, DevelTextLabel::Property::TEXT_COLOR_ANIMATABLE ), Color::RED, AlphaFunction::SIN );
+ animation.SetLoopCount( 3 );
+ animation.Play();
+ break;
+ }
case KEY_F: // Fill vertically
{
if( ResizePolicy::DIMENSION_DEPENDENCY == mLabel.GetResizePolicy(Dimension::HEIGHT) )
}
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 ) );
TextLabel mLabel;
+ PushButton mStyleMenuButton;
+ PushButton mStyleButtons[ NUMBER_OF_STYLES ];
+ bool mShadowActive;
+ bool mOutlineActive;
+ Vector4 mSelectedColor;
+ Vector4 mOutlineColor; // Store outline as Vector4 whilst TextLabel Outline Property returns a string when using GetProperty
+ Button mColorButtons[ NUMBER_OF_COLORS ];
+
Control mContainer;
Control mGrabCorner;
+ Control mBorder;
PanGestureDetector mPanGestureDetector;
Vector2 mLayoutSize;
+ Size mStageSize;
+ Size mButtonSize;
+
unsigned int mLanguageId;
unsigned int mAlignment;
+ Property::Index mHueAngleIndex;
+ Property::Index mOverrideMixColorIndex;
};
void RunTest( Application& application )
}
/** Entry point for Linux & Tizen applications */
-int main( int argc, char **argv )
+int DALI_EXPORT_API main( int argc, char **argv )
{
- Application application = Application::New( &argc, &argv );
+ Application application = Application::New( &argc, &argv, DEMO_THEME_PATH );
RunTest( application );
projects / platform / core / uifw / dali-demo.git / blobdiff