Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 <ul><li><a>Позиционирование элементов в Python. Python grid</a></li>

2 <li><a>Canvas: рисуем линии в Python</a></li>

3 <li><a>Canvas: рисуем цветные прямоугольники в Python</a></li>

4 <li><a>Рисуем сложные формы</a></li>

5 <li><a>Другие GUI-библиотеки для Python</a><ul><li><a>Drawing with Turtle</a></li>

6 <li><a>Drawing with Pygame</a></li>

7 </ul></li>

8 </ul>В статье рассматривается создание графических интерфейсов с помощью библиотекиTkinter. Отдельное внимание уделяется виджетуCanvas, предназначенному для рисования (draw) вPython.

9 Tkinter представляет собой графическую кроссплатформенную библиотеку на основе средств Tk. Это свободное ПО, которое включено в стандартную библиотеку языка программирования Python.

10 В состав Tkinter входит много компонентов. Один из них -Canvas, он же "Холст". Canvas применяется в Python для вывода следующих графических примитивов:

11 <ul><li>линий,</li>

12 <li>прямоугольников,</li>

13 <li>эллипсов,</li>

14 <li>текста,</li>

15 <li>окон,</li>

16 <li>изображений.</li>

17 </ul>Но прежде чем продолжить, следует вкратце рассказать о существующих методах позиционирования элементов.

18 Для позиционирования элементов, во время работы с Tkinter используют разные методы:

19 <ul><li>pack();</li>

20 <li>place();</li>

21 <li>grid.</li>

22 </ul>Метод grid позволяет поместить элемент в конкретную ячейку условной сетки либо грида. Используется ряд параметров:

23 <ul><li>column- это номер столбца, отсчитывается с нуля;</li>

24 <li>row- это номер строки, отсчитывается с нуля;</li>

25 <li>columnspan- указывает число столбцов, занимаемых элементом;</li>

26 <li>rowspan- указывает число строк;</li>

27 <li>ipadxиipady- подразумеваются отступы по горизонтали и вертикали от границ компонента до текста компонента;</li>

28 <li>padxиpady- аналогичные отступы, но от границ ячейки грида до границ компонента;</li>

29 <li>sticky- определяет выравнивание элемента в ячейке в случае, когда ячейка больше компонента.</li>

30 </ul>Для начала работы сTkinterбиблиотеку сначала надо импортировать:

31 from tkinter import *

32 Ниже определен грид из девяти кнопок:

33 <h2>Canvas: рисуем линии вPython</h2>

34 ВиджетCanvasпредоставляет функциональность, с помощью которой разработчик может нарисовать (drawn) графику в Tkinter. Для чего может понадобиться эта графика? К примеру, для получения статистики, создания своих виджетов, отрисовки небольших игр.

35 Начинать освоение Canvas лучше всего с линий- примитивных геометрических элементов. В Canvas линию с нужным размером можно создать через метод create_line(). Метод mainloop используется для вызова окна виджета.

36 У create_line() есть параметры - это координаты x и y. Именно они обозначают начальные и конечные точки будущего линейного отрезка. Вот как этот метод рисует (draws) обычную вертикальную линию:

37 Можно создавать и пунктирную линию - для этого существует опция dash. У этой опции есть собственные значения, помещенные в скобки. В примере это (4, 2).

38 Что это значит:

39 <ul><li>цифра 4 обозначает длину тире (точки) в пикселях;</li>

40 <li>цифра 2 отвечает за ширину (width) пустого промежутка, существующего между тире (точками).</li>

41 </ul>Если прописать dash=(1, 1), на выходе получится линия из точек.

42 Когда рисуешь обычную линию, можно указать в качестве координат несколько конечных точек. Кусочек кода ниже отвечает за отрисовкутреугольника- он ведь тоже состоит из простых линий.

43 В результате весь код отработает следующим образом:

44 <h2>Canvas: рисуем цветные прямоугольники в Python</h2>

45 Цвет - это объект, отображающий комбинацию трех цветов (красного, зеленого, синего -RGB). С помощью кода ниже были нарисованы прямоугольники. Также они были закрашены различными цветами.

46 Так создается виджетCanvas:

47 Далее создается прямоугольник, для чего используется create_rectangle(). Здесь надо прописать 4 параметра:

48 - x;

49 - y;

50 - координатное положение верхней левой ограничительной точки (левого верхнего угла);

51 - координатное положение нижней правой ограничительной точки (нижнего правого угла).

52 Если есть необходимость, то посредством параметра outline у прямоугольника задается цвет контура. Окрасить всю внутреннюю область можно с помощью параметра fill:

53 А вот и итоговый результат:

54 <h2>Рисуем сложные формы</h2>

55 Можно без проблем нарисоватькруг, овали прочие фигуры, включаякриволинейные. Именно для этой цели и предназначен код ниже:

56 Благодаря этому коду будут созданы такие геометрические фигуры, каккруг, прямоугольник, овал, дуга, многоугольник. Также следует обратить внимание на контур - он окрасится в красный цвет, а заливка будет зеленой. Ширина контура (width) - 2 px.

57 Сначала создаетсякруг. Для его получения в Python задействуется метод create_oval(). Первые 4 параметра в нем нужны для указания ограничивающих координат. Здесь x и y являются координатами правой нижней и верхней левой точек квадрата, где помещен круг:

58 Аналогично создается иовал- меняются лишь первые 4 параметра.

59 Следующий этап -прямоугольник. Нарисованный restangle тоже имеет координатные значения x и y, играющие роль ограничительных точек.

60 Далее создаетсядуга. Так как она - это часть круга, то надо указать ограничительные координаты дуги. Ее угол устанавливается посредством параметра start, а размер угла - с помощью параметра extent:

61 Последнее - этомногоугольник. Так как присутствует много углов, надо задействовать специальный метод create_polygon(), позволяющий задать нужное число координатных значений:

62 Остается посмотреть результат:

63 Также с помощью Canvas можно без проблем вставлять изображения и рисовать текст (text), используя шрифты разной высоты (height) и стиля (style).

64 <h2>Другие GUI-библиотеки для Python</h2>

65 Кроме библиотеки Tkinter и виджета Canvas, существует и масса других графических библиотек, применяемых для создания рисунков (drawings). Среди них:

66 <ul><li>Flexx,</li>

67 <li>wxPython,</li>

68 <li>PyQt5,</li>

69 <li>PyGUI,</li>

70 <li>PyGTK и многие другие.</li>

71 </ul>При рисовании обычно применяется каскадный способ: компоненты добавляются поверх друг друга.

72 <h3>Drawing with Turtle</h3>

73 Отдельного упоминания заслуживает модульTurtle(по аналогии с черепашками Turtles). Этот модуль позволяет создавать на Питоне рисунки и другие графические объекты, включая игры в специальном окне. Для того чтобы приступить к рисованию (drawing), надо сначала присоединить его (импортировать). Делается это одним из 3-х способов:

74 1) import turtle;

75 2) from turtle import open as t;

76 3) from turtle import*.

77 <h3>DrawingwithPygame</h3>

78 Pygame- набор модулей, используемый в тех случаях, когда нужно нарисовать 2D-игру. Также Pygame нередко называют библиотекой/фреймворком. С его помощью создают как компьютерные игры, так и мультимедийные приложения.

79 Pygame сравнивают с Tkinter, который с помощью своих функций и классов предоставляет языку программирования Python доступ к графической библиотеке Tk.

80 Если нужны дополнительные детали по теме, смотрите источники ниже:

81 <ul><li>https://metanit.com/python/tutorial/9.4.php;</li>

82 <li>https://python-scripts.com/tkinter-introduction;</li>

83 <li>https://techrocks.ru/2018/04/26/13-python-gui-frameworks/;</li>

84 <li>http://www.239.ru/sites/default/files/userdata/urok_4._cherepashya_grafika_v_python.pdf;</li>

85 <li>https://docs.python.org/3/library/turtle.html;</li>

86 <li>https://python-scripts.com/tkinter-canvas-example.</li>

87 </ul>