cairo.Context object Рисуем линии

Используя библиотеку Gtk+, Drawing Area Widget и cairo.Context объект рисуем в окне программы линии. Создаём программу на Python помощью конструктора Glade и IDE IDLE.

В IDE Glade создайте новый проект.

Создайте Окно класса GtkWindow, на вкладке Основные свойства присвойте ему идентификатор ID: window. Там же, на вкладке Основные свойства присвойте окну Заголовок GtkDrawingArea и проставьте размер и галочки Ширина по умолчанию 800 и Высота по умолчанию 600. На вкладке Сигналы в разделе GtkWidget событию destroy задайте обработчик on_destroy.

Поверх окна window разместите Display GtkDrawingArea. На вкладке Основные свойства задайте ему имя colorDraw.

В IDE Glade сохраните проект под именем, например, examle. В результате вы получите файл example.glade:

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.22.1 -->
<interface>
  <requires lib="gtk+" version="3.20"/>
  <object class="GtkWindow" id="window">
    <property name="can_focus">False</property>
    <property name="hexpand">True</property>
    <property name="vexpand">True</property>
    <property name="title" translatable="yes">GtkDrawingArea</property>
    <property name="default_width">800</property>
    <property name="default_height">600</property>
    <signal name="destroy" handler="on_destroy" swapped="no"/>
    <child>
      <placeholder/>
    </child>
    <child>
      <object class="GtkDrawingArea" id="colorDraw">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
      </object>
    </child>
  </object>
</interface>

В текстовом редакторе или, например, в IDE IDLE напишите программу example.py следующего содержания:

#!/usr/bin/python3
# -*- Mode: Python; coding: utf-8; indent-tabs-mode: t; c-basic-offset: 4; tab-width:$

import gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk
import random, math, cairo
XML_FILE = "example.glade"

def do_draw(self, cr):
    width = self.get_allocated_width()
    height = self.get_allocated_height()

    cr.set_line_width(2)        # толщина линии
    cr.set_line_join(1)

##    линии от предыдущей точки до точки с указанными координатами
    cr.move_to(30, 30)
    cr.line_to(30, 250)
    cr.line_to(270, 250)
    cr.line_to(270, 30)
    cr.set_source_rgb(1,1,1)    # Цвет заливки
    cr.fill()                   # Заливка

    cr.move_to(100, 200)
##    линии с координатами относительными предыдущей точки
    cr.rel_line_to(0, 30)
    cr.rel_line_to(-50, -50)
    cr.rel_line_to(0, -30)
    cr.rel_line_to(50, 50)
    cr.set_source_rgb(0.7,0.7,0.7)
    cr.fill_preserve()
    cr.set_source_rgb(0,0,0)
    cr.stroke()

    cr.move_to(100, 200)
    cr.rel_line_to(150, -100)
    cr.rel_line_to(-50, -50)
    cr.rel_line_to(-150, 100)
    cr.rel_line_to(50, 50)
    cr.set_source_rgb(0.9,0.9,0.9)
    cr.fill_preserve()
    cr.set_source_rgb(0,0,0)
    cr.stroke()

    cr.move_to(100, 200)
    cr.rel_line_to(0, 30)
    cr.rel_line_to(150, -100)
    cr.rel_line_to(0, -30)
    cr.rel_line_to(-150, 100)
    cr.set_source_rgb(0.4,0.4,0.4)  # Цвет заливки
    cr.fill_preserve()              # Заливка внутри контура
    cr.set_source_rgb(0,0,0)        # Цвет абриса
    cr.stroke()                     # Абрис

class Handler:
    def on_destroy(self, *args):
        Gtk.main_quit()

builder = Gtk.Builder()
builder.add_from_file(XML_FILE)
builder.connect_signals(Handler())
win = builder.get_object("window")
colordr = builder.get_object("colorDraw")
colordr.connect('draw', do_draw)
win.show_all()
Gtk.main()

Наш проект состоит их 2-х файлов example.py и example.glade. Теперь можно запускать нашу программу через терминал в папке проекта или через IDE IDLE:

dior@U18pro:~/Python/Example/Gtk Drawin Area$ ./example.py

Работает:

Python