php-gtk2 Cookbook: How to setup two filtered lists of thumbnail images using GtkIconView with GtkTreeModelFilter?

RSS Feed

Google Search

PHP-GTK2 eBooks

Most Recent Reviews

Frédéric rates article "Accordion Menu Apple style - variation 2":
Nov 19, 2008 8:07am
bescherelle rates sample code 507:
Nov 18, 2008 9:52am
Bartosz says: Hello, I have both Hide DirectPHP for RSS Feed and Hide include_content_item ...
Nov 17, 2008 9:57am
jerryhou rates article "StickyNote plugin":
Nov 16, 2008 9:42pm
sunil thakare rates article "2.2 Understand the Fill parameter":
Nov 16, 2008 10:54am
doutrax says: hello! looks like a nice plugin, but is it possible with a stand-a-lone ...
Nov 16, 2008 9:55am
acara2000 rates article "StickyNote plugin":
Nov 15, 2008 11:43am
mmka says: asd ...
Nov 15, 2008 5:07am
XeKtRuM rates sample code 530:
Nov 14, 2008 5:58am
underdpt rates sample code 530:
Nov 13, 2008 9:36am
Heinrich Stamerjohanns rates sample code 24:
Nov 12, 2008 3:27pm

Main Menu

Home

Sample Codes

List all sample codes

Browse all sample codes

Side Menu

Joomla Joomla Gadgets Joomla - sample 1 Joomla - sample 2 Joomla 1.0 to 1.5 Google Image Search Google News Search Wikipedia Search Google Book Search Google Video Search Yahoo Stock Quote

PHP-GTK2 Newsletter

PHP-GTK2 Tips & Techniques
FREE Newsletter
by kksou

Your privacy is respected.

Sample Code 458: How to setup two filtered lists of thumbnail images using GtkIconView with GtkTreeModelFilter?

Written by kksou

Thursday, 20 March 2008

Problem

You have displayed a filtered list of thumbnail images using GtkIconView and GtkTreeModelFilter in How to setup a filtered list of thumbnail images using GtkIconView with GtkTreeModelFilter?

Suppose you would like to have two such filtered lists thumbnail images, one on the left and the other on the right, as shown below.

Note: if you're new to PHP-GTK, this is also a good example that shows you how we can handle two sets of radio buttons with just one single signal handler.

How to setup two filtered lists of thumbnail images using GtkIconView with GtkTreeModelFilter?

Solution

We make use of the technique as outlined in the article How to setup a filtered list of thumbnail images using GtkIconView with GtkTreeModelFilter? to display the filtered list of thumbnail images using GtkIconView and GtkTreeModelFilter.

Sample Code

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_red.jpg
	square_yellow.jpg
	square_green.jpg
	square_blue.jpg
	square_blue2.jpg
	square_blue3.jpg
	ball_red.png
	ball_yellow.png
	ball_blue3.png
	ball_blue3a.png
	ball_green3.png
	ball_green4.png

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

<?php
$window = new GtkWindow();
$window->set_title($argv[0]);
$window->set_size_request(600, 400);
$window->connect_simple('destroy', array('Gtk','main_quit'));

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

// display title
$title = new GtkLabel("Display two filtered lists of thumbnail images\n".
"using GtkIconView with GtkTreeModelFilter");
$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); // add a small gap

// Set up a scroll window

$hpane = new GtkHPaned();  // note 1
$vbox->pack_start($hpane);

$imagelist[0] = array('square_red.jpg', 'square_yellow.jpg',
    'square_green.jpg', 'square_blue.jpg',
    'square_blue2.jpg', 'square_blue3.jpg');
$imagelist[1] = array('ball_red.png', 'ball_yellow.png',
    'ball_blue3.png', 'ball_blue3a.png',
    'ball_green3.png', 'ball_green4.png',);

$left_vbox = setup_iconview(0, 'left');
$right_vbox = setup_iconview(1, 'right');

$hpane->add1($left_vbox);
$hpane->add2($right_vbox);
$view[0]->set_size_request(300, -1);

$window->show_all();
Gtk::main();

function setup_iconview($id, $label) { // note 2
    global $imagelist, $model, $modelfilter, $view;
    if (defined("GObject::TYPE_STRING")) {
        $model[$id] = new GtkListStore(GdkPixbuf::gtype,
            GObject::TYPE_STRING, GObject::TYPE_BOOLEAN);
    } else {
        $model[$id] = new GtkListStore(GdkPixbuf::gtype,
            Gtk::TYPE_STRING, Gtk::TYPE_BOOLEAN);
    }

    $modelfilter[$id] = new GtkTreeModelFilter($model[$id]);
    $modelfilter[$id]->set_visible_column(2);

    foreach($imagelist[$id] as $img) {
        $pixbuf = GdkPixbuf::new_from_file($img);
        $flag = (preg_match('/blue/', $img) ||
            preg_match('/green/', $img)) ? 1 : 0;
        $model[$id]->append(array($pixbuf, $img, $flag));
    }

    $view[$id] = new GtkIconView($model[$id]);
    $view[$id]->set_pixbuf_column(0); // col 0 of the model
    $view[$id]->set_text_column(1); // col 1 of the model
    $view[$id]->set_selection_mode(Gtk::SELECTION_MULTIPLE);
    $view[$id]->set_columns(0);
    $view[$id]->set_item_width(120);

    $vbox = new GtkVBox();

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 sample code is based on How to setup a filtered list of thumbnail images using GtkIconView with GtkTreeModelFilter?.

What's new here:

We use a GtkHPaned to hold the two views - one on the left and the other on the right.
Note how we're able to create two iconviews using the same function.
Note how we're able to handle the radio buttons click on the left and right views with just one single signal handler.