Problem
You would like to selectively highlight certain cells of a GtkTreeView based on some criteria as shown below:
Solution
- Set up the user-defined cell-display function with GtkCelllayout::set_cell_data_func().
- Display the rows using alternate row color.
- Test the conditions and set the cell color accordingly by setting the property of GtkCellrenderer::cell-background() of that cell.
Sample Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 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 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 109 110 111 112 113 116 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 153 154 155 156 157 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 178 179 180 181 182 188 189 190 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 216 217 218 219 220 221 222 227 228 229 230 231 232 | <?php $window = new GtkWindow(); $window->set_size_request(400, 320); $window->connect_simple('destroy', array('Gtk','main_quit')); $window->add($vbox = new GtkVBox()); $accel_group = new GtkAccelGroup(); $window->add_accel_group($accel_group); $highlight_qty = 1; $highlight_price = 1; // define menu definition $menu_definition = array( '_File' => array('_Quit|Q'), '_Test' => array('Show All Rows|1', 'Show Rows where Qty > 10|2', 'Show Rows where Price < $10|3'), ); setup_menu($vbox, $menu_definition); // display title $title = new GtkLabel("Selectively highlight some cells in treeview"); $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("Press Ctrl-1 to for default view\nCtrl-2 to highlight qty > 10\nCtrl-3 to highlight price < \$10"), 0, 0); $vbox->pack_start(new GtkLabel(), 0, 0); // add a small gap // Set up a scroll window $scrolled_win = &new GtkScrolledWindow(); $scrolled_win->set_policy( Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC); $vbox->pack_start($scrolled_win); // the 2D table $data = array( array('row0', 'item 19', 2, 3.1, 1), array('row1', 'item 16', 20, 6.21, 1), array('row2', 'item 13', 8, 9.36, 1), array('row3', 'item 10', 11, 12.4, 1), array('row4', 'item 7', 5, 15.5, 1), array('row5', 'item 4', 17, 8.6, 1), array('row6', 'item 3', 20, 21.73, 1)); display_table ($scrolled_win, $data); function display_table($scrolled_win, $data) { // Creates the list store global $model, $view; if (defined("GObject::TYPE_STRING")) { $model = new GtkListStore(GObject::TYPE_STRING, GObject::TYPE_STRING, GObject::TYPE_LONG, GObject::TYPE_DOUBLE, GObject::TYPE_BOOLEAN); } else { $model = new GtkListStore(Gtk::TYPE_STRING, Gtk::TYPE_STRING, Gtk::TYPE_LONG, Gtk::TYPE_DOUBLE, Gtk::TYPE_BOOLEAN); } $field_header = array('Row #', 'Description', 'Qty', 'Price'); $field_justification = array(0.0, 0.0, 0.5, 1.0); $view = new GtkTreeView($model); $scrolled_win->add($view); // Creates the columns for ($col=0; $col<count($field_header); ++$col) { $cell_renderer = new GtkCellRendererText(); $cell_renderer->set_property("xalign", $field_justification[$col]); $column = new GtkTreeViewColumn($field_header[$col], $cell_renderer, 'text', $col); $column->set_alignment($field_justification[$col]); $column->set_sort_column_id($col); // set the header font and color $label = new GtkLabel($field_header[$col]); $label->modify_font(new PangoFontDescription("Arial Bold")); $label->modify_fg(Gtk::STATE_NORMAL, GdkColor::parse("#0000FF")); $column->set_widget($label); $label->show(); // setup self-defined function to display alternate row color $column->set_cell_data_func($cell_renderer, "format_col", $col); $view->append_column($column); } // pupulates the data for ($row=0; $row<count($data); ++$row) { $values = array(); for ($col=0; $col<count($data[$row]); ++$col) { $values[] = $data[$row][$col]; } $model->append($values); } // setup selection $selection = $view->get_selection(); // get the selection associated with the view $selection->connect('changed', 'on_selection'); } // self-defined function to format the price column function format_col($column, $cell, $model, $iter, $col_num) { $path = $model->get_path($iter); // get the current path $row_num = $path[0]; // get the row number if ($col_num==3) { $amt = $model->get_value($iter, 3); $cell->set_property('text', '$'.number_format($amt,2)); } global $highlight_qty, $highlight_price; $row_color = ($row_num%2==1) ? '#dddddd' : '#ffffff'; // note 1 if ($highlight_qty) { // note 2 $qty = $model->get_value($iter, 2); if ($qty>10 && $col_num==2) $row_color = '#FF3366'; } if ($highlight_price) { // note 3 $amt = $model->get_value($iter, 3); if ($amt<10 && $col_num==3) $row_color = '#99FF99'; } $cell->set_property('cell-background', $row_color); } // the function that is called when user selects a row function on_selection($selection) { list($model, $iter) = $selection->get_selected(); if ($iter==NULL) return; $desc = $model->get_value($iter, 1); $qty = $model->get_value($iter, 2); $price = $model->get_value($iter, 3); print "You have selected $desc: $qty ($price)\n"; } // setup menu function setup_menu($vbox, $menus) { global $accel_group; $menubar = new GtkMenuBar(); $vbox->pack_start($menubar, 0, 0); foreach($menus as $toplevel => $sublevels) { $menubar->append($top_menu = new GtkMenuItem($toplevel)); $menu = new GtkMenu(); $top_menu->set_submenu($menu); foreach($sublevels as $submenu) { if (strpos("$submenu", '|') === false) { $accel_key = ''; } else { list($submenu, $accel_key) = explode('|', $submenu); } if (is_array($submenu)) { // set up radio menus $i=0; $radio[0] = null; foreach($submenu as $radio_item) { $radio[$i] = new GtkRadioMenuItem($radio[0], $radio_item); $radio[$i]->connect('toggled', "on_toggle"); $menu->append($radio[$i]); ++$i; } $radio[0]->set_active(1); // select the first item } else { if ($submenu=='<hr>') { $menu->append(new GtkSeparatorMenuItem()); } else { $submenu2 = str_replace('_', '', $submenu); $submenu2 = str_replace(' ', '_', $submenu2); $stock_image_name = 'Gtk::STOCK_'.strtoupper($submenu2); if (defined($stock_image_name)) { $menu_item = new GtkImageMenuItem(constant($stock_image_name)); } else { $menu_item = new GtkMenuItem($submenu); } if ($accel_key!='') { $menu_item->add_accelerator("activate", $accel_group, ord($accel_key), Gdk::CONTROL_MASK, 1); } $menu->append($menu_item); $menu_item->connect('activate', 'on_menu_select'); } } } } } // process menu item selection function on_menu_select($menu_item) { global $model, $view, $highlight_qty, $highlight_price; $item = $menu_item->child->get_label(); echo "menu selected: $item\n"; if ($item=='_Quit') { Gtk::main_quit(); } elseif ($item=='Show All Rows') { $highlight_qty = 0; $highlight_price = 0; } elseif ($item=='Show Rows where Qty > 10') { $highlight_qty = ($highlight_qty) ? 0 : 1; // note 4 } elseif ($item=='Show Rows where Price < $10') { $highlight_price = ($highlight_price) ? 0 : 1; // note 5 } $view->queue_draw(); // note 6 } $window->show_all(); Gtk::main(); ?> |
Output
As shown above.Explanation
The above code is based on How to display a 2D array in GtkTreeView - Part 5 - get user selection?.
We also make use of the codes in How to set up menu and radio menu - Part 3 - add accelerators? to display a menu with accelerators so that we use Ctrl-1, Ctrl-2 and Ctrl-3 to switch between the three views.
What's new here:
- Set alternate row color.
- Highlight all cells with qty > 10.
- Highlight all cells with price < $10.
- Toggle the highlighting of qty.
- Toggle the highlighting of price.
- Force an update of the treeview - so that the highlight gets displayed.
Note
Compare this with How to selectively highlight rows in GtkTreeView?
Related Links
- How to selectively highlight rows in GtkTreeView?
- How to selectively display rows in GtkTreeView with GtkTreeModelFilter - Part 1?
- How to set up menu and radio menu - Part 1?
- How to set up menu and radio menu - Part 2 - add stock images?
- How to set up menu and radio menu - Part 3 - add accelerators?
- How to set up menu and radio menu - Part 4 - allow Alt F Alt N?
- How to display a 2D array in GtkTreeView - Part 1?
- How to display a 2D array in GtkTreeView - Part 2 - set alignment and headers?
- How to display a 2D array in GtkTreeView - Part 3 - with alternate row colors?
- How to display a 2D array in GtkTreeView - Part 4 - format cell content?
- How to display a 2D array in GtkTreeView - Part 5 - get user selection?
- How to selectively display rows in GtkTreeView with GtkTreeModelFilter - Part 2?
Read more...