GtkDrawingArea. Динамическое изменение содержимого области

В данной статье я расскажу о том, как вручную нарисовать и анимировать прогресс-бар. Все используемые приёмы уже обсуждались ранее: о работе с GtkDrawingArea я рассказал в статье "GtkDrawingArea. Автоматическое рисование точек на холсте", а о реализации тайм-аута в "Секундомер". Поэтому расскажу лишь непосредственно о самой реализации программы.





Для начала дополним функцию do_exponse(), чтобы она помимо фона рисовала ещё и рамку прогресс-бара. Бар будет иметь размеры 360 пикселей в ширину и 30 в высоту. Далее в функции running() (нажатие на кнопку "Запустить") через каждые 10 миллисекунд будем вызывать running_update(), в которой будем закрашивать полосу прогресса оранжевым цветом по одному пикселю. Как только полоса доходит до конца - возвращаем FALSE, тем самым останавливая обновление.

Полный код программы:

<?php
 
// Размеры холста
define('WIDTH', 400);
define('HEIGHT', 70);
 
$window = new GtkWindow();
$window->set_position(Gtk::WIN_POS_CENTER);
$window->set_title('Работа с GtkDrawingArea');
$window->set_size_request(400, 100);
$window->connect_simple('destroy', array('Gtk', 'main_quit'));
 
$vbox = new GtkVBox();
 
$vbox->pack_start($hbox = new GtkHBox(), FALSE, FALSE);
$hbox->pack_start($button_run = new GtkButton('Запустить'), TRUE, TRUE);
$hbox->pack_start($button_reset = new GtkButton('Сбросить'), TRUE, TRUE);
 
$vbox->pack_start($drawing = new GtkDrawingArea());
 
$button_run->connect_simple('clicked', 'running', $drawing, $button_run);
$button_reset->connect_simple('clicked', 'do_expose', $drawing);
$drawing->connect('expose-event', 'do_expose');
 
$window->add($vbox);
$window->show_all();
Gtk::main();
 
/**
 * Функция рисует точку случайного цвета со случайными размерами в случайном месте холста :)
 * @param resource $widget Виджет GtkDrawingArea
 */
function running($widget)
{
    global $button_run;
 
    $button_run->set_sensitive(FALSE);
 
    $color_black = new GdkColor(0, 0, 0);
    $point_black = new GdkGc($widget->window);
    $point_black->set_rgb_fg_color($color_black);
 
    $color_white = new GdkColor(65535, 65535, 65535);
    $point_white = new GdkGc($widget->window);
    $point_white->set_rgb_fg_color($color_white);
 
    $timeout = Gtk::timeout_add(10, 'update_running', $widget);
}
 
function update_running($widget)
{
    global $i, $button_reset;
 
    $color_orange = new GdkColor(65535, 30000, 0);
    $point_orange = new GdkGc($widget->window);
    $point_orange->set_rgb_fg_color($color_orange);
 
    $widget->window->draw_rectangle($point_orange, TRUE, 21 + $i, 21, 1, 29);
 
    $i++;
 
    // Если полоса дошла до конца бара,
    // то производим сброс переменной $i и останавливаем обновление
    if ($i == 359)
    {
        $button_reset->set_sensitive(TRUE);
        $i = 0;
        return FALSE;
    }
    // Иначе, продолжаем
    else
    {
        return TRUE;
    }
}
 
function do_expose($widget)
{
    global $button_reset, $button_run;
 
    $button_run->set_sensitive(TRUE);
    $button_reset->set_sensitive(FALSE);
 
    // Рисуем фон
    $color_white = new GdkColor(65535, 65535, 65535);
    $background = new GdkGC($widget->window);
    $background->set_rgb_fg_color($color_white);
 
    $widget->window->draw_rectangle($background, TRUE, 0, 0, WIDTH, HEIGHT);
 
    // Рисуем рамку для прогресс-бара
    $color_black = new GdkColor(0, 0, 0);
    $point_black = new GdkGc($widget->window);
    $point_black->set_rgb_fg_color($color_black);
 
    $widget->window->draw_rectangle($point_black, TRUE, 20, 20, 360, 1);
    $widget->window->draw_rectangle($point_black, TRUE, 20, 50, 360, 1);
    $widget->window->draw_rectangle($point_black, TRUE, 20, 20, 1, 30);
    $widget->window->draw_rectangle($point_black, TRUE, 380, 20, 1, 30);
}
 
?>