examples/focus-integration/focus-integration.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 #include "shared/view.h"
  19 #include <dali-toolkit/dali-toolkit.h>
  20
  21 using namespace Dali;
  22 using namespace Dali::Toolkit;
  23
  24 namespace
  25 {
  26
  27 const char* const BACKGROUND_IMAGE = DEMO_IMAGE_DIR "background-gradient.jpg";
  28 const char* const TOOLBAR_IMAGE = DEMO_IMAGE_DIR "top-bar.png";
  29 const char* const TOOLBAR_TITLE = "Focus Integration";
  30 const Vector4 BACKGROUND_COLOUR( 1.0f, 1.0f, 1.0f, 0.15f );
  31
  32 // Layout sizes
  33 const int MARGIN_SIZE = 10;
  34 const int TOP_MARGIN = 85;
  35 const std::string ITEMNAME[] = { "TextLabel", "TextField", "TextEditor", "PushButton", "RadioButton", "CheckBoxButton" };
  36
  37 }  // namespace
  38
  39 /**
  40  * @brief Shows how integrated DALi Focus works.
  41  */
  42 class FocusIntegrationExample: public ConnectionTracker
  43 {
  44 public:
  45
  46   FocusIntegrationExample( Application& application )
  47     : mApplication( application )
  48   {
  49     // Connect to the Application's Init signal
  50     mApplication.InitSignal().Connect( this, &FocusIntegrationExample::Create );
  51   }
  52
  53   void Create( Application& application )
  54   {
  55     mStage = Stage::GetCurrent();
  56     mContentLayer = DemoHelper::CreateView( application,
  57                                             mView,
  58                                             mToolBar,
  59                                             BACKGROUND_IMAGE,
  60                                             TOOLBAR_IMAGE,
  61                                             TOOLBAR_TITLE );
  62
  63     TableView contentTable = TableView::New(2, 1);
  64     contentTable.SetResizePolicy(ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH);
  65     contentTable.SetResizePolicy(ResizePolicy::USE_NATURAL_SIZE, Dimension::HEIGHT);
  66     contentTable.SetProperty( Actor::Property::ANCHOR_POINT,AnchorPoint::TOP_LEFT);
  67     contentTable.SetProperty( Actor::Property::PARENT_ORIGIN,ParentOrigin::TOP_LEFT);
  68     contentTable.SetCellPadding(Size(MARGIN_SIZE, MARGIN_SIZE * 0.5f));
  69     contentTable.SetKeyboardFocusable(true);
  70
  71     for( unsigned int i = 0; i < contentTable.GetRows(); ++i )
  72     {
  73       contentTable.SetFitHeight( i );
  74     }
  75     contentTable.SetProperty( Actor::Property::POSITION, Vector2( 0.0f, TOP_MARGIN ));
  76     mContentLayer.Add( contentTable );
  77
  78     // Create label to display which control's KeyEvent callback is called
  79     mEventLabel = TextLabel::New("Controls don't get KeyEvent yet");
  80     mEventLabel.SetProperty( Actor::Property::SIZE, Vector2( mStage.GetSize().width, mStage.GetSize().height*0.1f ) );
  81     mEventLabel.SetResizePolicy(ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH);
  82     mEventLabel.SetProperty( TextLabel::Property::VERTICAL_ALIGNMENT, "CENTER" );
  83     mEventLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, "CENTER" );
  84     mEventLabel.SetBackgroundColor( Color::WHITE );
  85     contentTable.Add( mEventLabel );
  86
  87     mContainer = TableView::New( 4, 3 );
  88     mContainer.SetProperty( Actor::Property::SIZE, Vector2( mStage.GetSize().width, mStage.GetSize().height*0.4f ) );
  89     mContainer.SetResizePolicy(ResizePolicy::FILL_TO_PARENT, Dimension::WIDTH);
  90     mContainer.SetBackgroundColor( BACKGROUND_COLOUR );
  91     mContainer.SetCellPadding( Size( MARGIN_SIZE, MARGIN_SIZE ) );
  92     mContainer.SetRelativeHeight( 0, 0.2f);
  93     mContainer.SetRelativeHeight( 1, 0.3f);
  94     mContainer.SetRelativeHeight( 2, 0.2f);
  95     mContainer.SetRelativeHeight( 3, 0.3f);
  96     mContainer.SetKeyboardFocusable(true);
  97     contentTable.Add( mContainer );
  98
  99     // Make name label for each controls
 100     for(int i = 0; i < 6; i++)
 101     {
 102       TextLabel itemLabel = TextLabel::New( ITEMNAME[i] );
 103       itemLabel.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
 104       itemLabel.SetBackgroundColor( BACKGROUND_COLOUR );
 105       itemLabel.SetProperty( TextLabel::Property::POINT_SIZE, 14.0f );
 106       itemLabel.SetProperty( TextLabel::Property::VERTICAL_ALIGNMENT, "CENTER" );
 107       itemLabel.SetProperty( TextLabel::Property::HORIZONTAL_ALIGNMENT, "CENTER" );
 108       mContainer.AddChild( itemLabel, TableView::CellPosition( (i/3)*2, i%3 ) );
 109     }
 110
 111     TextLabel textLabel = TextLabel::New("TextLabel");
 112     mContainer.AddChild( textLabel, TableView::CellPosition( 1, 0 ) );
 113
 114     TextField textField = TextField::New();
 115     textField.SetBackgroundColor( Color::WHITE );
 116     textField.SetProperty( TextField::Property::TEXT, "Text" );
 117     mContainer.AddChild( textField, TableView::CellPosition( 1, 1 ) );
 118
 119     TextEditor textEditor = TextEditor::New();
 120     textEditor.SetBackgroundColor( Color::WHITE );
 121     textEditor.SetProperty( TextEditor::Property::TEXT, "Text\nText" );
 122     mContainer.AddChild( textEditor, TableView::CellPosition( 1, 2 ) );
 123
 124     PushButton pushButton = PushButton::New();
 125     mContainer.AddChild( pushButton, TableView::CellPosition( 3, 0 ) );
 126
 127     RadioButton radioButton = RadioButton::New();
 128     mContainer.AddChild( radioButton, TableView::CellPosition( 3, 1 ) );
 129
 130     CheckBoxButton checkBoxButton = CheckBoxButton::New();
 131     mContainer.AddChild( checkBoxButton, TableView::CellPosition( 3, 2 ) );
 132
 133     // Set name and keyboard focusable for each controls
 134     for(int i = 0; i<6; i++)
 135     {
 136       Control control = Control::DownCast( mContainer.GetChildAt( TableView::CellPosition( (i/3)*2+1, i%3 ) ) );
 137       control.SetKeyboardFocusable(true);
 138       control.SetProperty( Dali::Actor::Property::NAME,ITEMNAME[i]);
 139       control.SetResizePolicy( ResizePolicy::FILL_TO_PARENT, Dimension::ALL_DIMENSIONS );
 140       control.KeyEventSignal().Connect( this, &FocusIntegrationExample::OnControlKeyEvent );
 141     }
 142
 143     KeyboardFocusManager::Get().PreFocusChangeSignal().Connect( this, &FocusIntegrationExample::OnPreFocusChange );
 144
 145     // Respond to key events
 146     mStage.KeyEventSignal().Connect( this, &FocusIntegrationExample::OnKeyEvent );
 147   }
 148
 149   // Callback for KeyboardFocusManager
 150   Actor OnPreFocusChange( Actor current, Actor next, Control::KeyboardFocus::Direction direction )
 151   {
 152     if( !current && !next )
 153     {
 154       next = mContainer.GetChildAt( TableView::CellPosition( 1, 0 ) );
 155     }
 156     return next;
 157   }
 158
 159   // Callback for each controls.
 160   // Display current control name.
 161   bool OnControlKeyEvent( Control control, const KeyEvent& event )
 162   {
 163     std::string controlName = control.GetProperty< std::string >( Dali::Actor::Property::NAME );
 164     mEventLabel.SetProperty( TextLabel::Property::TEXT, controlName+"'s KeyEvent works\n" );
 165
 166     return false;
 167   }
 168
 169 private:
 170
 171   /**
 172    * Main key event handler
 173    */
 174   void OnKeyEvent(const KeyEvent& event)
 175   {
 176     if(event.state == KeyEvent::Down)
 177     {
 178       if( IsKey( event, DALI_KEY_ESCAPE) || IsKey( event, DALI_KEY_BACK ) )
 179       {
 180         mApplication.Quit();
 181       }
 182     }
 183   }
 184
 185 private:
 186
 187   Application&  mApplication;
 188   Stage mStage;
 189   TableView mContainer;
 190   TextLabel mEventLabel;
 191   Toolkit::Control  mView;                              ///< The View instance.
 192   Toolkit::ToolBar  mToolBar;                           ///< The View's Toolbar.
 193   Layer             mContentLayer;                      ///< Content layer.
 194 };
 195
 196 //
 197 int DALI_EXPORT_API main( int argc, char **argv )
 198 {
 199   Application application = Application::New( &argc, &argv );
 200
 201   FocusIntegrationExample test( application );
 202
 203   application.MainLoop();
 204
 205   return 0;
 206 }