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
| <?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;
|
- 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 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. |
|
