/* * Copyright (c) 2014 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 "shared/view.h" #include #include using namespace Dali; namespace { // Used to produce visually same dimensions on desktop and device builds float ScalePointSize( int pointSize ) { Dali::Vector2 dpi = Dali::Stage::GetCurrent().GetDpi(); float meanDpi = (dpi.height + dpi.width) * 0.5f; return pointSize * meanDpi / 220.0f; } } // namespace // Define this so that it is interchangeable // "DP" stands for Device independent Pixels #define DP(x) ScalePointSize(x) namespace { const char* const BACKGROUND_IMAGE = DALI_IMAGE_DIR "background-gradient.jpg"; const char* const TOOLBAR_IMAGE = DALI_IMAGE_DIR "top-bar.png"; const char* const TOOLBAR_TITLE = "Buttons"; const char* const SMALL_IMAGE_1 = DALI_IMAGE_DIR "gallery-small-14.jpg"; const char* const BIG_IMAGE_1 = DALI_IMAGE_DIR "gallery-large-4.jpg"; const char* const SMALL_IMAGE_2 = DALI_IMAGE_DIR "gallery-small-20.jpg"; const char* const BIG_IMAGE_2 = DALI_IMAGE_DIR "gallery-large-11.jpg"; const char* const SMALL_IMAGE_3 = DALI_IMAGE_DIR "gallery-small-25.jpg"; const char* const BIG_IMAGE_3 = DALI_IMAGE_DIR "gallery-large-13.jpg"; const char* const ENABLED_IMAGE = DALI_IMAGE_DIR "item-select-check.png"; const char* const PUSHBUTTON_PRESS_IMAGE = DALI_IMAGE_DIR "button-down.9.png"; const char* const PUSHBUTTON_DISABLED_IMAGE = DALI_IMAGE_DIR "button-disabled.9.png"; const char* const PUSHBUTTON_BUTTON_IMAGE = DALI_IMAGE_DIR "button-up.9.png"; const char* const CHECKBOX_UNSELECTED_IMAGE = DALI_IMAGE_DIR "checkbox-unselected.png"; const char* const CHECKBOX_SELECTED_IMAGE = DALI_IMAGE_DIR "checkbox-selected.png"; const Vector4 BACKGROUND_COLOUR( 1.0f, 1.0f, 1.0f, 0.15f ); // Layout sizes const int RADIO_LABEL_THUMBNAIL_SIZE = 48; const int RADIO_IMAGE_SPACING = 8; const int BUTTON_HEIGHT = 48; const int MARGIN_SIZE = 10; const int TOP_MARGIN = 85; const int GROUP2_HEIGHT = 238; const int GROUP1_HEIGHT = 120; const int GROUP3_HEIGHT = 190; const int GROUP4_HEIGHT = BUTTON_HEIGHT + MARGIN_SIZE * 2; } // namespace /** This example shows how to create and use different buttons. * * 1. First group of radio buttons with image actor labels selects an image to load * 2. A push button loads the selected thumbnail image into the larger image pane * 3. Second group of radio buttons with a table view label containing a text view and image view, and a normal text view. * Selecting one of these will enable/disable the image loading push button * 4. A group of check boxes */ class ButtonsController: public ConnectionTracker { public: ButtonsController( Application& application ) : mApplication( application ) { // Connect to the Application's Init signal mApplication.InitSignal().Connect( this, &ButtonsController::Create ); } ~ButtonsController() { // Nothing to do here } void Create( Application& application ) { // The Init signal is received once (only) during the Application lifetime // Respond to key events Stage::GetCurrent().KeyEventSignal().Connect(this, &ButtonsController::OnKeyEvent); // Creates a default view with a default tool bar. // The view is added to the stage. mContentLayer = DemoHelper::CreateView( application, mView, mToolBar, BACKGROUND_IMAGE, TOOLBAR_IMAGE, TOOLBAR_TITLE ); int yPos = TOP_MARGIN + MARGIN_SIZE; // Image selector radio group Actor radioGroup2Background = Toolkit::CreateSolidColorActor( BACKGROUND_COLOUR ); radioGroup2Background.SetAnchorPoint( AnchorPoint::TOP_LEFT ); radioGroup2Background.SetParentOrigin( ParentOrigin::TOP_LEFT ); radioGroup2Background.SetPosition( DP(MARGIN_SIZE), DP(yPos) ); radioGroup2Background.SetSize( DP(348), DP(GROUP2_HEIGHT) ); mContentLayer.Add( radioGroup2Background ); Actor radioButtonsGroup2 = Actor::New(); radioButtonsGroup2.SetParentOrigin( ParentOrigin::TOP_LEFT ); radioButtonsGroup2.SetAnchorPoint( AnchorPoint::TOP_LEFT ); radioButtonsGroup2.SetPosition( DP(MARGIN_SIZE), DP(MARGIN_SIZE) ); radioButtonsGroup2.SetSize( DP(100), DP(160) ); radioGroup2Background.Add( radioButtonsGroup2 ); int radioY = 0; // Radio 1 { ImageActor imageActor = ImageActor::New( ResourceImage::New( SMALL_IMAGE_1 ) ); imageActor.SetSize( DP(RADIO_LABEL_THUMBNAIL_SIZE), DP(RADIO_LABEL_THUMBNAIL_SIZE) ); mRadioButtonImage1 = Dali::Toolkit::RadioButton::New( imageActor ); mRadioButtonImage1.SetParentOrigin( ParentOrigin::TOP_LEFT ); mRadioButtonImage1.SetAnchorPoint( AnchorPoint::TOP_LEFT ); mRadioButtonImage1.SetPosition( 0, DP(radioY) ); mRadioButtonImage1.SetSelected( true ); radioButtonsGroup2.Add( mRadioButtonImage1 ); } // Radio 2 { radioY += RADIO_LABEL_THUMBNAIL_SIZE + RADIO_IMAGE_SPACING; ImageActor imageActor = ImageActor::New( ResourceImage::New( SMALL_IMAGE_2 ) ); imageActor.SetSize( DP(RADIO_LABEL_THUMBNAIL_SIZE), DP(RADIO_LABEL_THUMBNAIL_SIZE) ); mRadioButtonImage2 = Dali::Toolkit::RadioButton::New( imageActor ); mRadioButtonImage2.SetParentOrigin( ParentOrigin::TOP_LEFT ); mRadioButtonImage2.SetAnchorPoint( AnchorPoint::TOP_LEFT ); mRadioButtonImage2.SetPosition( 0, DP(radioY) ); radioButtonsGroup2.Add( mRadioButtonImage2 ); } // Radio 3 { radioY += RADIO_LABEL_THUMBNAIL_SIZE + RADIO_IMAGE_SPACING; ImageActor imageActor = ImageActor::New( ResourceImage::New( SMALL_IMAGE_3 ) ); imageActor.SetSize( DP(RADIO_LABEL_THUMBNAIL_SIZE), DP(RADIO_LABEL_THUMBNAIL_SIZE) ); mRadioButtonImage3 = Dali::Toolkit::RadioButton::New( imageActor ); mRadioButtonImage3.SetParentOrigin( ParentOrigin::TOP_LEFT ); mRadioButtonImage3.SetAnchorPoint( AnchorPoint::TOP_LEFT ); mRadioButtonImage3.SetPosition( 0, DP(radioY) ); radioButtonsGroup2.Add( mRadioButtonImage3 ); } // Create select button mUpdateButton = Toolkit::PushButton::New(); mUpdateButton.SetParentOrigin( ParentOrigin::BOTTOM_CENTER ); mUpdateButton.SetAnchorPoint( AnchorPoint::TOP_CENTER ); mUpdateButton.SetPosition( 0, DP(MARGIN_SIZE) ); mUpdateButton.SetLabel("Select"); mUpdateButton.SetSize( DP(100), DP(BUTTON_HEIGHT) ); mUpdateButton.SetSelectedImage( Dali::ResourceImage::New( PUSHBUTTON_PRESS_IMAGE ) ); mUpdateButton.SetDisabledImage( Dali::ResourceImage::New( PUSHBUTTON_DISABLED_IMAGE ) ); mUpdateButton.SetButtonImage( Dali::ResourceImage::New( PUSHBUTTON_BUTTON_IMAGE ) ); mUpdateButton.ClickedSignal().Connect( this, &ButtonsController::OnButtonClicked ); radioButtonsGroup2.Add(mUpdateButton); // ImageActor to display selected image mBigImage1 = ResourceImage::New( BIG_IMAGE_1 ); mBigImage2 = ResourceImage::New( BIG_IMAGE_2 ); mBigImage3 = ResourceImage::New( BIG_IMAGE_3 ); mImage = ImageActor::New( mBigImage1 ); mImage.SetParentOrigin( ParentOrigin::TOP_RIGHT ); mImage.SetAnchorPoint( AnchorPoint::TOP_LEFT ); mImage.SetPosition( DP(MARGIN_SIZE), 0 ); mImage.SetSize( DP(218), DP(218) ); radioButtonsGroup2.Add( mImage ); // The enable/disable radio group yPos += GROUP2_HEIGHT + MARGIN_SIZE; Actor radioGroup1Background = Toolkit::CreateSolidColorActor( BACKGROUND_COLOUR ); radioGroup1Background.SetAnchorPoint( AnchorPoint::TOP_LEFT ); radioGroup1Background.SetParentOrigin( ParentOrigin::TOP_LEFT ); radioGroup1Background.SetPosition( DP(MARGIN_SIZE), DP(yPos) ); radioGroup1Background.SetSize( DP(348), DP(GROUP1_HEIGHT) ); mContentLayer.Add( radioGroup1Background ); // Radio group Actor radioButtonsGroup1 = Actor::New(); radioButtonsGroup1.SetParentOrigin( ParentOrigin::TOP_LEFT ); radioButtonsGroup1.SetAnchorPoint( AnchorPoint::TOP_LEFT ); radioButtonsGroup1.SetPosition( DP(MARGIN_SIZE), DP(MARGIN_SIZE) ); radioGroup1Background.Add( radioButtonsGroup1 ); // First radio button { Toolkit::TableView tableView = Toolkit::TableView::New( 1, 2 ); tableView.SetSize( DP(260), DP(RADIO_LABEL_THUMBNAIL_SIZE) ); ImageActor imageActor = ImageActor::New( ResourceImage::New( ENABLED_IMAGE ) ); imageActor.SetSize( DP(RADIO_LABEL_THUMBNAIL_SIZE), DP(RADIO_LABEL_THUMBNAIL_SIZE) ); tableView.AddChild( imageActor, Toolkit::TableView::CellPosition( 0, 1 ) ); tableView.SetFixedWidth( 1, DP(RADIO_LABEL_THUMBNAIL_SIZE) ); Toolkit::RadioButton radioButton = Dali::Toolkit::RadioButton::New( tableView ); radioButton.SetName( "radio-select-enable" ); radioButton.SetParentOrigin( ParentOrigin::TOP_LEFT ); radioButton.SetAnchorPoint( AnchorPoint::TOP_LEFT ); radioButton.SetPosition( 0, 0 ); radioButton.SetSelected( true ); radioButton.StateChangedSignal().Connect( this, &ButtonsController::EnableSelectButton ); radioButtonsGroup1.Add( radioButton ); } // Second radio button { Toolkit::RadioButton radioButton = Dali::Toolkit::RadioButton::New( "Select disabled" ); radioButton.SetName( "radio-select-disable" ); radioButton.SetParentOrigin( ParentOrigin::TOP_LEFT ); radioButton.SetAnchorPoint( AnchorPoint::TOP_LEFT ); radioButton.SetPosition( 0, DP(50) ); radioButton.StateChangedSignal().Connect( this, &ButtonsController::EnableSelectButton ); radioButtonsGroup1.Add( radioButton ); } // CheckBoxes yPos += GROUP1_HEIGHT + MARGIN_SIZE; Actor checkBoxBackground = Toolkit::CreateSolidColorActor( BACKGROUND_COLOUR ); checkBoxBackground.SetAnchorPoint( AnchorPoint::TOP_LEFT ); checkBoxBackground.SetParentOrigin( ParentOrigin::TOP_LEFT ); checkBoxBackground.SetPosition( DP(MARGIN_SIZE), DP(yPos) ); checkBoxBackground.SetSize( DP(430), DP(GROUP3_HEIGHT) ); mContentLayer.Add( checkBoxBackground ); Dali::Image unselected = Dali::ResourceImage::New( CHECKBOX_UNSELECTED_IMAGE ); Dali::Image selected = Dali::ResourceImage::New( CHECKBOX_SELECTED_IMAGE ); int checkYPos = MARGIN_SIZE; { Toolkit::CheckBoxButton checkBox = Toolkit::CheckBoxButton::New(); checkBox.SetName( "checkbox1" ); checkBox.SetPosition( DP(MARGIN_SIZE), DP(checkYPos) ); checkBox.SetParentOrigin( ParentOrigin::TOP_LEFT ); checkBox.SetAnchorPoint( AnchorPoint::TOP_LEFT ); checkBox.SetBackgroundImage( unselected ); checkBox.SetSelectedImage( selected ); checkBox.SetLabel( "CheckBox1 is unselected" ); checkBox.StateChangedSignal().Connect( this, &ButtonsController::OnCheckBoxesSelected ); checkBoxBackground.Add( checkBox ); } checkYPos += 60; { Toolkit::CheckBoxButton checkBox = Toolkit::CheckBoxButton::New(); checkBox.SetName( "checkbox2" ); checkBox.SetPosition( DP(MARGIN_SIZE), DP(checkYPos) ); checkBox.SetAnchorPoint( AnchorPoint::TOP_LEFT ); checkBox.SetBackgroundImage( unselected ); checkBox.SetSelectedImage( selected ); checkBox.SetLabel( "CheckBox2 is selected" ); checkBox.SetSelected( true ); checkBox.StateChangedSignal().Connect( this, &ButtonsController::OnCheckBoxesSelected ); checkBoxBackground.Add( checkBox ); } checkYPos += 60; { Toolkit::CheckBoxButton checkBox = Toolkit::CheckBoxButton::New(); checkBox.SetName( "checkbox3" ); checkBox.SetPosition( DP(MARGIN_SIZE), DP(checkYPos) ); checkBox.SetAnchorPoint( AnchorPoint::TOP_LEFT ); checkBox.SetBackgroundImage( unselected ); checkBox.SetSelectedImage( selected ); checkBox.SetLabel( "CheckBox3 is unselected" ); checkBox.StateChangedSignal().Connect( this, &ButtonsController::OnCheckBoxesSelected ); checkBoxBackground.Add( checkBox ); } // Create togglabe button yPos += GROUP3_HEIGHT + MARGIN_SIZE; Actor toggleBackground = Toolkit::CreateSolidColorActor( BACKGROUND_COLOUR ); toggleBackground.SetAnchorPoint( AnchorPoint::TOP_LEFT ); toggleBackground.SetParentOrigin( ParentOrigin::TOP_LEFT ); toggleBackground.SetPosition( DP(MARGIN_SIZE), DP(yPos) ); toggleBackground.SetSize( DP(150 + MARGIN_SIZE * 2), DP(GROUP4_HEIGHT) ); mContentLayer.Add( toggleBackground ); Toolkit::PushButton toggleButton = Toolkit::PushButton::New(); toggleButton.SetTogglableButton( true ); toggleButton.SetParentOrigin( ParentOrigin::TOP_LEFT ); toggleButton.SetAnchorPoint( AnchorPoint::TOP_LEFT ); toggleButton.SetPosition( DP(MARGIN_SIZE), DP(MARGIN_SIZE) ); toggleButton.SetLabel( "Unselected" ); toggleButton.SetSize( DP(150), DP(BUTTON_HEIGHT) ); toggleButton.SetSelectedImage( Dali::ResourceImage::New( PUSHBUTTON_PRESS_IMAGE ) ); toggleButton.SetDisabledImage( Dali::ResourceImage::New( PUSHBUTTON_DISABLED_IMAGE ) ); toggleButton.SetButtonImage( Dali::ResourceImage::New( PUSHBUTTON_BUTTON_IMAGE ) ); toggleButton.StateChangedSignal().Connect( this, &ButtonsController::OnButtonSelected ); toggleBackground.Add( toggleButton ); } void OnKeyEvent( const KeyEvent& event ) { if( event.state == KeyEvent::Down ) { if( IsKey( event, Dali::DALI_KEY_ESCAPE ) || IsKey( event, Dali::DALI_KEY_BACK ) ) { // Exit application when click back or escape. mApplication.Quit(); } } } bool OnButtonSelected( Toolkit::Button button ) { Toolkit::PushButton pushButton = Toolkit::PushButton::DownCast( button ); if( pushButton ) { if( button.IsSelected() ) { pushButton.SetLabel( "Selected" ); } else { pushButton.SetLabel( "Unselected" ); } } return true; } bool EnableSelectButton( Toolkit::Button button ) { if( button.GetName() == "radio-select-enable" && button.IsSelected() == true ) { mUpdateButton.SetDisabled( false ); } else if( button.GetName() == "radio-select-disable" && button.IsSelected() == true ) { mUpdateButton.SetDisabled( true ); } return true; } bool OnButtonClicked(Toolkit::Button button) { if( mRadioButtonImage1.IsSelected() ) { mImage.SetImage( mBigImage1 ); } else if( mRadioButtonImage2.IsSelected() ) { mImage.SetImage( mBigImage2 ); } else if( mRadioButtonImage3.IsSelected() ) { mImage.SetImage( mBigImage3 ); } return true; } bool OnCheckBoxesSelected( Toolkit::Button button ) { return true; } private: Application& mApplication; Toolkit::View mView; ///< The View instance. Toolkit::ToolBar mToolBar; ///< The View's Toolbar. Layer mContentLayer; ///< Content layer Toolkit::RadioButton mRadioButtonImage1; Toolkit::RadioButton mRadioButtonImage2; Toolkit::RadioButton mRadioButtonImage3; Toolkit::PushButton mUpdateButton; Image mBigImage1; Image mBigImage2; Image mBigImage3; ImageActor mImage; }; void RunTest( Application& application ) { ButtonsController test( application ); application.MainLoop(); } // Entry point for Linux & SLP applications // int main( int argc, char **argv ) { Application application = Application::New( &argc, &argv ); RunTest( application ); return 0; }