X-Git-Url: http://review.tizen.org/git/?a=blobdiff_plain;f=examples%2Ftext-label%2Ftext-label-example.cpp;h=bb9c36b1eac68f1a096dce550e5e033266922a60;hb=9879c76252b384906ea35422547840350a72019c;hp=8785b276908a0022b8b1838a60a9a080949f29df;hpb=2ff06bb3761f5bc10db796a13f84e9ad8d3011b0;p=platform%2Fcore%2Fuifw%2Fdali-demo.git diff --git a/examples/text-label/text-label-example.cpp b/examples/text-label/text-label-example.cpp index 8785b27..bb9c36b 100644 --- a/examples/text-label/text-label-example.cpp +++ b/examples/text-label/text-label-example.cpp @@ -1,5 +1,5 @@ /* - * 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. @@ -21,12 +21,15 @@ */ // EXTERNAL INCLUDES +#include +#include +#include #include -#include +#include // INTERNAL INCLUDES -#include "center-layout.h" #include "shared/multi-language-strings.h" +#include "shared/view.h" using namespace Dali; using namespace Dali::Toolkit; @@ -34,12 +37,106 @@ using namespace MultiLanguageStrings; namespace { - const unsigned int KEY_ZERO = 10; - const unsigned int KEY_ONE = 11; - const unsigned int KEY_M = 58; - const unsigned int KEY_L = 46; +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 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 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) + { + } + + void operator()(Vector3& current, const PropertyInputContainer& inputs ) + { + current = hsv2rgb(Vector3(inputs[0]->GetFloat(), saturation, value)); + } + + Vector3 hsv2rgb(Vector3 colorHSV) + { + 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. */ @@ -49,7 +146,20 @@ public: TextLabelExample( Application& application ) : mApplication( application ), - mLanguageId( 0u ) + mLabel(), + mShadowActive( false ), + mOutlineActive( false ), + mSelectedColor(AVAILABLE_COLORS[0]), + mContainer(), + mGrabCorner(), + mBorder(), + mPanGestureDetector(), + mLayoutSize(), + mLanguageId( 0u ), + mAlignment( 0u ), + mHueAngleIndex( Property::INVALID_INDEX ), + mOverrideMixColorIndex( Property::INVALID_INDEX ) + { // Connect to the Application's Init signal mApplication.InitSignal().Connect( this, &TextLabelExample::Create ); @@ -67,26 +177,266 @@ public: { Stage stage = Stage::GetCurrent(); - stage.SetBackgroundColor( Color::BLUE ); 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(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 = ImageView::New( BACKGROUND_IMAGE ); + mGrabCorner.SetName( "GrabCorner" ); + mGrabCorner.SetAnchorPoint( AnchorPoint::TOP_CENTER ); + mGrabCorner.SetParentOrigin( ParentOrigin::BOTTOM_RIGHT ); + 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( "\xF0\x9F\x98\x89 A Quick Brown Fox Jumps Over The Lazy Dog" ); + + mLabel.SetName( "TextLabel" ); + mLabel.SetAnchorPoint( AnchorPoint::TOP_LEFT ); + mLabel.SetSize(mLayoutSize); + mLabel.SetProperty( TextLabel::Property::MULTI_LINE, true ); + mLabel.SetProperty( TextLabel::Property::TEXT_COLOR, 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 ); - CenterLayout centerLayout = CenterLayout::New(); - centerLayout.SetParentOrigin( ParentOrigin::CENTER ); - centerLayout.SetSize( stageSize.width*0.6f, stageSize.width*0.6f ); - stage.Add( centerLayout ); + mStyleMenuButton.ClickedSignal().Connect( this, &TextLabelExample::OnStyleButtonClicked ); + stage.Add( mStyleMenuButton ); - mLabel = TextLabel::New(); - mLabel.SetBackgroundColor( Color::BLACK ); - centerLayout.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 ); - mLabel.SetProperty( TextLabel::PROPERTY_MULTI_LINE, true ); - mLabel.SetProperty( TextLabel::PROPERTY_TEXT, "A Quick Brown Fox Jumps Over The Lazy Dog" ); + 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); - Property::Value labelText = mLabel.GetProperty( TextLabel::PROPERTY_TEXT ); + 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( 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, TextLabel::Property::TEXT_COLOR ), 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, TextLabel::Property::TEXT_COLOR ), 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() ) + { + 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 || + 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( std::max( ConvertToEven( static_cast( mLayoutSize.x )), 2 ), + std::max( ConvertToEven( static_cast( 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); + } + } + /** * Main key event handler */ @@ -102,29 +452,100 @@ public: { switch( event.keyCode ) { + // Select rendering back-end case KEY_ZERO: // fall through case KEY_ONE: { - mLabel.SetProperty( TextLabel::PROPERTY_RENDERING_BACKEND, event.keyCode - 10 ); + 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, TextLabel::Property::TEXT_COLOR ), Color::RED, AlphaFunction::SIN ); + animation.SetLoopCount( 3 ); + animation.Play(); + break; + } + case KEY_F: // Fill vertically + { + if( ResizePolicy::DIMENSION_DEPENDENCY == mLabel.GetResizePolicy(Dimension::HEIGHT) ) + { + mLabel.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::HEIGHT ); + } + else + { + mLabel.SetResizePolicy( ResizePolicy::DIMENSION_DEPENDENCY, Dimension::HEIGHT ); + } + break; + } + case KEY_H: // Horizontal alignment + { + if( ++mAlignment >= H_ALIGNMENT_STRING_COUNT ) + { + mAlignment = 0u; + } + + mLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, H_ALIGNMENT_STRING_TABLE[ mAlignment ] ); + break; + } + case KEY_V: // Vertical alignment + { + if( ++mAlignment >= V_ALIGNMENT_STRING_COUNT ) + { + mAlignment = 0u; + } + + mLabel.SetProperty( TextLabel::Property::VERTICAL_ALIGNMENT, V_ALIGNMENT_STRING_TABLE[ mAlignment ] ); break; } - case KEY_M: + case KEY_M: // Multi-line { - bool multiLine = mLabel.GetProperty( TextLabel::PROPERTY_MULTI_LINE ); - mLabel.SetProperty( TextLabel::PROPERTY_MULTI_LINE, !multiLine ); + bool multiLine = mLabel.GetProperty( TextLabel::Property::MULTI_LINE ); + mLabel.SetProperty( TextLabel::Property::MULTI_LINE, !multiLine ); break; } - case KEY_L: + case KEY_L: // Language { const Language& language = LANGUAGES[ mLanguageId ]; - mLabel.SetProperty( TextLabel::PROPERTY_TEXT, language.text ); + mLabel.SetProperty( TextLabel::Property::TEXT, language.text ); if( ++mLanguageId >= NUMBER_OF_LANGUAGES ) { mLanguageId = 0u; } + break; + } + case KEY_S: // Shadow color + { + if( Color::BLACK == mLabel.GetProperty( TextLabel::Property::SHADOW_COLOR ) ) + { + mLabel.SetProperty( TextLabel::Property::SHADOW_COLOR, Color::RED ); + } + else + { + mLabel.SetProperty( TextLabel::Property::SHADOW_COLOR, Color::BLACK ); + } + break; } + case KEY_U: // Markup + { + mLabel.SetProperty( TextLabel::Property::ENABLE_MARKUP, true ); + mLabel.SetProperty( TextLabel::Property::TEXT, "Hello world demo" ); + break; + } + case KEY_PLUS: // Increase shadow offset + { + mLabel.SetProperty( TextLabel::Property::SHADOW_OFFSET, mLabel.GetProperty( TextLabel::Property::SHADOW_OFFSET ) + Vector2( 1.0f, 1.0f ) ); + break; + } + case KEY_MINUS: // Decrease shadow offset + { + mLabel.SetProperty( TextLabel::Property::SHADOW_OFFSET, mLabel.GetProperty( TextLabel::Property::SHADOW_OFFSET ) - Vector2( 1.0f, 1.0f ) ); + break; + } + } } } @@ -136,22 +557,35 @@ private: 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 ) +int DALI_EXPORT_API main( int argc, char **argv ) { + Application application = Application::New( &argc, &argv, DEMO_THEME_PATH ); TextLabelExample test( application ); - application.MainLoop(); -} - -/** Entry point for Linux & Tizen applications */ -int main( int argc, char **argv ) -{ - Application application = Application::New( &argc, &argv ); - - RunTest( application ); - return 0; }