PHP-GTK2 Newsletter

PHP-GTK2 Tips & Techniques
FREE Newsletter
by kksou



Sample Code 388: How to setup radio buttons with images as options - Part 2?
Written by kksou   
Monday, 10 December 2007
Problem

Suppose you would like to set up radio buttons with images as options. In Part 1, each option comprises an image with a text label. In this Part 2, each option is just an image (without the text label) as shown below:

How to setup radio buttons with images as options - Part 2?


Solution
  • We make use of exactly the same technique as outlined in How to setup radio buttons with images as options - Part 1?
  • Instead of packing both an image and a text label, we pack only the image in this case.
  • However, since there is no text label, we need to manually pass the text label along with the 'toggled' signal for the radio buttons.

Sample Code

Note: The following image files are required by the sample code below. Please save a copy of the image files and put them in the same directory where you store the sample code.

 square_yellow.jpg
 square_green.jpg
 square_blue.jpg

1   
2   
3   
4   
5   
6   
7   
8   
9   
10   
11   
12   
13   
14   
15   
16   
17   
18   
19   
20   
21   
22   
23   
24   
25   
26   
27   
28   
29   
30   
31   
32   
33   
34   
35   
36   
37   
38   
39   
40   
41   
<?php
$window = new GtkWindow();
$window->set_size_request(400, 300);

$window->connect_simple('destroy', array('Gtk','main_quit'));

$window->add($vbox = new GtkVBox());

// display title
$title = new GtkLabel("Radio button with images as options\n".
"           Part 2 - Images only");
$title->modify_font(new PangoFontDescription(
    "Times New Roman Italic 10"));
$title->modify_fg(Gtk::STATE_NORMAL, GdkColor::parse("#0000ff"));
$title->set_size_request(-1, 40);
$vbox->pack_start($title, 0, 0);
$vbox->pack_start(new GtkLabel(), 0, 0);
$vbox->pack_start(new GtkLabel('Please select a color:'), 0, 0);

// setup grouped radio buttons
$radio1 = setup_radio(null, 'Yellow', '101', 'square_yellow.jpg');
$radio2 = setup_radio($radio1, 'Green', '102', 'square_green.jpg');
$radio3 = setup_radio($radio1, 'Blue', '103', 'square_blue.jpg');

// pack them inside vbox
$vbox->pack_start($radio1, 0, 0);
$vbox->pack_start($radio2, 0, 0);
$vbox->pack_start($radio3, 0, 0);

// add a status area
$vbox->pack_start($status_area = new GtkLabel('Click a Button'));

// function to simplify the display of grouped radio buttons
function setup_radio($radio_button_grp, $button_label,
    $button_value, $img_filename) {
    $radio = new GtkRadioButton($radio_button_grp);
    $radio->connect('toggled', "on_toggle", $button_label, $button_value); // note 1

    $button_hbox = new GtkHBox();
    $radio->add($button_hbox);

  • Note that this is only 70% of the sample code. You have to be a registered member to see the entire sample code. Please login or register.
  • Registration is free and immediate.
  • Have some doubt about the registration? Please read this forum article.
Explanation

The above makes use of the code from How to setup radio buttons with images as options - Part 1?

What's new here:

  1. Pass the text label along with each 'toggled' signal.
  2. Note that the text label is now contained in the second parameter $label

Related Links
 

Add comment


Security code
Refresh

< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Links - Classes - Social Business - BPM - Web - General
Copyright © 2006-2013. kksou.com. All Rights Reserved