PHP-GTK2 Newsletter
PHP-GTK2 Tips & Techniques
FREE Newsletter
by kksou
Sample Code 386: How to create rollover effect for checkboxes? |
|
Written by kksou
|
|
Friday, 07 December 2007 |
|
Problem You would like to create rollover effect for checkboxes, that is, when the mouse is over a checkbox, the color of the checkbox will change to a different color temporarily as shown below. Though a one-liner code, it does improve the user experience.
Solution
- In PHP-GTK2, the rollover state is called the PRELIGHT state.
- To create the rollover effect, we simply set a different background color for the Gtk::STATE_PRELIGHT state.
Sample Code 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
42
43
44
45
46
47
48
49
50
51
52
| <?php
$window = new GtkWindow();
$window->set_size_request(400, 240);
$window->connect_simple('destroy', array('Gtk','main_quit'));
$window->add($vbox = new GtkVBox());
// display title
$title = new GtkLabel("Rollover effect for checkboxes");
$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);
// setup checkboxes
$checkbox1 = setup_checkbox('checkbox 1');
$checkbox2 = setup_checkbox('checkbox 2');
$checkbox3 = setup_checkbox('checkbox 3');
// pack them inside vbox
$vbox->pack_start($checkbox1, 0, 0);
$vbox->pack_start($checkbox2, 0, 0);
$vbox->pack_start($checkbox3, 0, 0);
// add a status area
$vbox->pack_start($status_area = new GtkLabel('Select the checkboxes'));
$window->show_all();
Gtk::main();
// function to simplify the display of grouped radio buttons
function setup_checkbox($label) {
$checkbox = new GtkCheckButton($label);
$checkbox->modify_base(Gtk::STATE_PRELIGHT,
GdkColor::parse("#99FFB3")); // note 1
$checkbox->connect('toggled', "on_toggle");
return $checkbox;
}
// call-back function when user pressed a radio button
function on_toggle($checkbox) {
global $status_area;
$label = $checkbox->child->get_label();
global $checkbox1, $checkbox2, $checkbox3;
$status1 = $checkbox1->get_active() ? 'on' : 'off';
$status2 = $checkbox2->get_active() ? 'on' : 'off';
$status3 = $checkbox3->get_active() ? 'on' : 'off';
$status_area->set_text("Status of checkbox1: $status1\n
Status of checkbox2: $status2\n
Status of checkbox3: $status3");
}
?>
|
Explanation The above code is exactly the same as that of How to setup and process checkboxes?, except the addition of the following line:
- Set the background color of the PRELIGHT state for the check button. Note the use of
modify_base() and not modify_bg().
Related Links
User reviews There are no user reviews yet. Note: You have to be a registered member to leave a comment. Free registration here. |
|
