Radio button example

Change-Id: If745c02e307876871cf8cbbdeb97d464cc021fef

Radio button example
Change-Id: If745c02e307876871cf8cbbdeb97d464cc021fef
Kingsley Stephens
1 parent 3afbefd9
Showing 8 changed files with 531 additions and 1 deletions
build/tizen/examples/Makefile.am
com.samsung.dali-demo.xml
demo/images/button-disabled.9.png
demo/images/button-down.9.png
demo/images/button-up.9.png
demo/images/checkbox-checked.png
demo/images/checkbox-unchecked.png
examples/buttons/buttons-example.cpp
@@ -32,7 +32,8 @@ bin_PROGRAMS = \
                shadow-bone-lighting.example \
                dali-builder \
                builder.example \
-               image-scaling-irregular-grid.example
+               image-scaling-irregular-grid.example \
+               buttons.example
 daliimagedir = $(appdatadir)/images/
@@ -146,3 +147,8 @@ image_scaling_irregular_grid_example_SOURCES = $(examples_src_dir)/image/image-s
 image_scaling_irregular_grid_example_CXXFLAGS = $(EXAMPLE_CXXFLAGS)
 image_scaling_irregular_grid_example_DEPENDENCIES = $(EXAMPLE_DEPS)
 image_scaling_irregular_grid_example_LDADD = $(EXAMPLE_LDADD)
+
+buttons_example_SOURCES = $(examples_src_dir)/buttons/buttons-example.cpp
+buttons_example_CXXFLAGS = $(EXAMPLE_CXXFLAGS)
+buttons_example_DEPENDENCIES = $(EXAMPLE_DEPS)
+buttons_example_LDADD = $(EXAMPLE_LDADD)
@@ -61,4 +61,7 @@
 	<ui-application appid="image-scaling-irregular-grid.example" exec="/usr/apps/com.samsung.dali-demo/bin/image-scaling-irregular-grid.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
 		<label>Image Scaling Modes</label>
 	</ui-application>
+	<ui-application appid="buttons.example" exec="/usr/apps/com.samsung.dali-demo/bin/buttons.example" nodisplay="true" multiple="false" type="c++app" taskmanage="true">
+		<label>Radio Buttons</label>
+	</ui-application>
 </manifest>
+/*
+ * 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 <dali/dali.h>
+#include <dali-toolkit/dali-toolkit.h>
+
+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_DIM_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_UNCHECKED_IMAGE = DALI_IMAGE_DIR "checkbox-unchecked.png";
+const char* const CHECKBOX_CHECKED_IMAGE = DALI_IMAGE_DIR "checkbox-checked.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( Image::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.SetActive( true );
+
+      radioButtonsGroup2.Add( mRadioButtonImage1 );
+    }
+
+    // Radio 2
+    {
+      radioY += RADIO_LABEL_THUMBNAIL_SIZE + RADIO_IMAGE_SPACING;
+
+      ImageActor imageActor = ImageActor::New( Image::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( Image::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.SetLabelText("Select");
+    mUpdateButton.SetSize( DP(100), DP(BUTTON_HEIGHT) );
+
+    mUpdateButton.SetPressedImage( Dali::Image::New( PUSHBUTTON_PRESS_IMAGE ) );
+    mUpdateButton.SetDimmedImage( Dali::Image::New( PUSHBUTTON_DIM_IMAGE ) );
+    mUpdateButton.SetButtonImage( Dali::Image::New( PUSHBUTTON_BUTTON_IMAGE ) );
+
+    mUpdateButton.ClickedSignal().Connect( this, &ButtonsController::OnButtonClicked );
+
+    radioButtonsGroup2.Add(mUpdateButton);
+
+    // ImageActor to display selected image
+    mBigImage1 = Image::New( BIG_IMAGE_1 );
+    mBigImage2 = Image::New( BIG_IMAGE_2 );
+    mBigImage3 = Image::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) );
+
+      Toolkit::TextView textView = Toolkit::TextView::New( "Select enabled" );
+      Toolkit::Alignment alignment = Toolkit::Alignment::New( Toolkit::Alignment::HorizontalLeft );
+      alignment.Add( textView );
+      tableView.AddChild( alignment, Toolkit::TableView::CellPosition( 0, 0 ) );
+
+      ImageActor imageActor = ImageActor::New( Image::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.SetActive( true );
+
+      radioButton.ToggledSignal().Connect( this, &ButtonsController::EnableSelectButtonToggle );
+
+      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.ToggledSignal().Connect( this, &ButtonsController::EnableSelectButtonToggle );
+
+      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 unchecked = Dali::Image::New( CHECKBOX_UNCHECKED_IMAGE );
+    Dali::Image checked = Dali::Image::New( CHECKBOX_CHECKED_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( unchecked );
+      checkBox.SetCheckedImage( checked );
+      checkBox.SetSize( DP(48), DP(48) );
+      checkBox.ToggledSignal().Connect( this, &ButtonsController::OnCheckBoxesToggled );
+
+      checkBoxBackground.Add( checkBox );
+    }
+
+    mCheckBox1State = Toolkit::TextView::New( "CheckBox1 is unchecked" );
+
+    mCheckBox1State.SetAnchorPoint( AnchorPoint::TOP_LEFT );
+    mCheckBox1State.SetPosition( DP(80), DP(checkYPos) );
+
+    checkBoxBackground.Add( mCheckBox1State );
+
+    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( unchecked );
+      checkBox.SetCheckedImage( checked );
+      checkBox.SetSize( DP(48), DP(48) );
+      checkBox.SetChecked( true );
+      checkBox.ToggledSignal().Connect( this, &ButtonsController::OnCheckBoxesToggled );
+
+      checkBoxBackground.Add( checkBox );
+    }
+
+    mCheckBox2State = Toolkit::TextView::New( "CheckBox2 is checked" );
+    mCheckBox2State.SetParentOrigin( ParentOrigin::TOP_LEFT );
+    mCheckBox2State.SetAnchorPoint( AnchorPoint::TOP_LEFT );
+    mCheckBox2State.SetPosition( DP(80), DP(checkYPos) );
+
+    checkBoxBackground.Add( mCheckBox2State );
+
+    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( unchecked );
+      checkBox.SetCheckedImage( checked );
+      checkBox.SetSize( DP(48), DP(48) );
+      checkBox.ToggledSignal().Connect( this, &ButtonsController::OnCheckBoxesToggled );
+
+      checkBoxBackground.Add( checkBox );
+    }
+
+    mCheckBox3State = Toolkit::TextView::New( "CheckBox3 is unchecked" );
+
+    mCheckBox3State.SetAnchorPoint( AnchorPoint::TOP_LEFT );
+    mCheckBox3State.SetPosition( DP(80), DP(checkYPos) );
+
+    checkBoxBackground.Add( mCheckBox3State );
+
+    // Create toggle 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.SetToggleButton( true );
+    toggleButton.SetParentOrigin( ParentOrigin::TOP_LEFT );
+    toggleButton.SetAnchorPoint( AnchorPoint::TOP_LEFT );
+    toggleButton.SetPosition( DP(MARGIN_SIZE), DP(MARGIN_SIZE) );
+    toggleButton.SetLabelText( "Toggle OFF" );
+    toggleButton.SetSize( DP(150), DP(BUTTON_HEIGHT) );
+
+    toggleButton.SetPressedImage( Dali::Image::New( PUSHBUTTON_PRESS_IMAGE ) );
+    toggleButton.SetDimmedImage( Dali::Image::New( PUSHBUTTON_DIM_IMAGE ) );
+    toggleButton.SetButtonImage( Dali::Image::New( PUSHBUTTON_BUTTON_IMAGE ) );
+
+    toggleButton.ToggledSignal().Connect( this, &ButtonsController::OnButtonToggled );
+
+    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 OnButtonToggled( Toolkit::Button button, bool state )
+  {
+    Toolkit::PushButton pushButton = Toolkit::PushButton::DownCast( button );
+    if( pushButton )
+    {
+      if( state )
+      {
+        pushButton.SetLabelText( "Toggle ON" );
+      }
+      else
+      {
+        pushButton.SetLabelText( "Toggle OFF" );
+      }
+    }
+
+    return true;
+  }
+
+  bool EnableSelectButtonToggle( Toolkit::Button button, bool state )
+  {
+    if( button.GetName() == "radio-select-enable" && state == true )
+    {
+      mUpdateButton.SetDimmed( false );
+    }
+    else if( button.GetName() == "radio-select-disable" && state == true )
+    {
+      mUpdateButton.SetDimmed( true );
+    }
+
+    return true;
+  }
+
+  bool OnButtonClicked(Toolkit::Button button)
+  {
+    if( mRadioButtonImage1.IsActive() )
+    {
+      mImage.SetImage( mBigImage1 );
+    }
+    else if( mRadioButtonImage2.IsActive() )
+    {
+      mImage.SetImage( mBigImage2 );
+    }
+    else if( mRadioButtonImage3.IsActive() )
+    {
+      mImage.SetImage( mBigImage3 );
+    }
+    return true;
+  }
+
+  bool OnCheckBoxesToggled( Toolkit::Button button, bool state )
+  {
+    if( button.GetName() == "checkbox1" )
+    {
+      if( state )
+      {
+        mCheckBox1State.SetText("CheckBox1 is checked");
+      }
+      else
+      {
+        mCheckBox1State.SetText("CheckBox1 is unchecked");
+      }
+    }
+
+    if( button.GetName() == "checkbox2" )
+    {
+      if( state )
+      {
+        mCheckBox2State.SetText("CheckBox2 is checked");
+      }
+      else
+      {
+        mCheckBox2State.SetText("CheckBox2 is unchecked");
+      }
+    }
+
+    if( button.GetName() == "checkbox3" )
+    {
+      if( state )
+      {
+        mCheckBox3State.SetText("CheckBox3 is checked");
+      }
+      else
+      {
+        mCheckBox3State.SetText("CheckBox3 is unchecked");
+      }
+    }
+
+    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;
+
+  Toolkit::TextView mCheckBox1State;
+  Toolkit::TextView mCheckBox2State;
+  Toolkit::TextView mCheckBox3State;
+};
+
+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;
+}