jigi-33 · November 26, 2020 05:42 · Nov 26, 2020 · Nov 26, 2020 · Nov 26, 2020 · Nov 26, 2020
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -204,7 +204,7 @@ gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет
 
 Для каждого События(event'а) имеется свой заготовленный по умолчанию id:
 
-- wx.EVT_BUTTON - соб., генерируемое вилджетом wx.Button
+- wx.EVT_BUTTON - соб., генерируемое виджетом wx.Button
 - wx.EVT_MENU - соб., генерируемое меню
 - wx.EVT_TEXT - соб., генерируемое wx.TextCtrl
 - wx.EVT_TOOL - соб., генерируемое toolbox (тулбаром)

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -505,7 +505,8 @@ self.bb_dc.SelectObject(self.buf_bitmap)  # связывающий метод
 Её задача - частичная автоматизация процесса проектирования интерфейса приложения на **wx**.
 Проект в последнее время подзаморожен, последняя версия 3.9.x, но есть под все платформы.
 
-> Как начинаем
+> С ЧЕГО НАЧИНАЕМ
+
 Сначала выбрать Форму(Frame) из форм, потом добавить туда Лэйаут из layouts
 (напр., первый сайзер - box sizer). Справа от каждого виджета есть свои свойства, нужно давать
 им корректировки по необходимости. Свойства видны на закладке все сразу, довольно удобно,

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -498,4 +498,26 @@ self.bb_dc.SelectObject(self.buf_bitmap)  # связывающий метод
 Спец. метод ```dc.Blit``` ощуществляет копирование содержимого из контекста буфера (bb_dc) в
 контекст холста(экрана). Также применяется метод ```self.DrawIntoBitmap()``` для отрисовки в буфере
 
-Подробно в видео 16 начиная с 3 мин. 50 сек. (связки непростые, нужно отслеживать с ведущим).
+Подробно в видео-16 начиная с 3 мин. 50 сек. (связки непростые, нужно отслеживать с ведущим).
+
+#### Немного о desktop программе wxPythonBuilder
+
+Её задача - частичная автоматизация процесса проектирования интерфейса приложения на **wx**.
+Проект в последнее время подзаморожен, последняя версия 3.9.x, но есть под все платформы.
+
+> Как начинаем
+Сначала выбрать Форму(Frame) из форм, потом добавить туда Лэйаут из layouts
+(напр., первый сайзер - box sizer). Справа от каждого виджета есть свои свойства, нужно давать
+им корректировки по необходимости. Свойства видны на закладке все сразу, довольно удобно,
+выделяем чекбоксом нужные. Можно назначать мнемонические ссылки для биндинга кнопок,
+событий и т.д. Когда все приготовления готовы, выбираем Python, и копипастим код в пайчарм,
+выбрав соответствующий фрейм (главное окно приложения).
+
+К недостаткам можно отнести относительно неполный набор виджетов и свойств, т.к.
+в библиотеке wxpython их реально больше, хотя для большинства простых интерфейсов
+их вполне достаточно. Вполне актуально делать на основе формбилдера заготовки интерфейса,
+а далее наполнять их контентом и логикой в редакторе кода.
+
+Зато удобно визуально получить перед глазами все основные виджеты и связанные с ними свойства.
+
+Промежуточные результаты проектирования можно сохранять как файлы данных приложения ***Формбилдер***
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -496,6 +496,6 @@ self.bb_dc.SelectObject(self.buf_bitmap)  # связывающий метод
 
 Соответствующий контекст устройства нужно будет прописать в конструктор класса MyFrame.
 Спец. метод ```dc.Blit``` ощуществляет копирование содержимого из контекста буфера (bb_dc) в
-контекст холста(экрана). Также применяется метод ```self.DrawIntoBitmap``` для отрисовки в буфере.
+контекст холста(экрана). Также применяется метод ```self.DrawIntoBitmap()``` для отрисовки в буфере
 
 Подробно в видео 16 начиная с 3 мин. 50 сек. (связки непростые, нужно отслеживать с ведущим).
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -481,3 +481,21 @@ DC.SetDeviceClippingRegion(self, region)
 Метод вызываемся вместо ```SetClippingRegion```, а завершается также Destroy'ем.
 
 С регионами можно делать операции объединения, пересечения, вычитания и XOR, на основе методов применимых для множеств или кортежей - Union, Intersect, Substract и Xor.
+
+##### Буферизация графических данных - MemoryDC, Blit
+
+Быстрая перерисовка окна путем буферизации ранее созданного рисунка м.б. необходима тогда, когда отдельные элементы должны перерисовываться, а другие не должны.
+
+Сначала создается буфер и в него загоняется статический рисунок и потом подставляется на общий холст. Технология такая:
+
+```python3
+self.buf_bitmap = wx.Bitmap(wx.GetDisplaySize())
+self.bb_dc = wx.MemoryDC()  # это и есть буфер созданный в памяти устройства
+self.bb_dc.SelectObject(self.buf_bitmap)  # связывающий метод
+```
+
+Соответствующий контекст устройства нужно будет прописать в конструктор класса MyFrame.
+Спец. метод ```dc.Blit``` ощуществляет копирование содержимого из контекста буфера (bb_dc) в
+контекст холста(экрана). Также применяется метод ```self.DrawIntoBitmap``` для отрисовки в буфере.
+
+Подробно в видео 16 начиная с 3 мин. 50 сек. (связки непростые, нужно отслеживать с ведущим).
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -468,7 +468,7 @@ DC.SetDeviceOrigin(x, y)
 ```python3
 DC.SetClippingRegion(self, x, y, width, height)
 ```
-А после рисования нужна такая завершающая строка: ```DC.DestroyClippingRegion(self)```.
+А после рисования нужна такая завершающая строка: ```DC.DestroyClippingRegion(self)```
 
 Можно создавать и полигональные регионы:
 
@@ -478,6 +478,6 @@ DC.SetDeviceClippingRegion(self, region)
 
 где region - набор точек, описывающий регион ```region = wx.Region(points_array)```
 
-Метод вызываемся вместо SetClippingRegion, а завершается также Destroy'ем.
+Метод вызываемся вместо ```SetClippingRegion```, а завершается также Destroy'ем.
 
 С регионами можно делать операции объединения, пересечения, вычитания и XOR, на основе методов применимых для множеств или кортежей - Union, Intersect, Substract и Xor.
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -459,3 +459,25 @@ DC.SetDeviceOrigin(x, y)
 - wx.MM_LOMETRIC - 1/10 мм
 - wx.MM_POINTS - пункты (1/72 дюйма)
 - wx.MM_TWIPS - 1/20 пункта
+
+#### Графика: регионы (wx.Region)
+
+***Clipping*** - ограничение области рисования для контекста устройства.
+Он позволяет ускорять работу с графикой, оптимизирует память и т.п.
+
+```python3
+DC.SetClippingRegion(self, x, y, width, height)
+```
+А после рисования нужна такая завершающая строка: ```DC.DestroyClippingRegion(self)```.
+
+Можно создавать и полигональные регионы:
+
+```python3
+DC.SetDeviceClippingRegion(self, region)
+```
+
+где region - набор точек, описывающий регион ```region = wx.Region(points_array)```
+
+Метод вызываемся вместо SetClippingRegion, а завершается также Destroy'ем.
+
+С регионами можно делать операции объединения, пересечения, вычитания и XOR, на основе методов применимых для множеств или кортежей - Union, Intersect, Substract и Xor.
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -24,7 +24,7 @@
          Пример других виджетов на фрейме: MenuBar, ToolBar, StatusBar.
 
 
-#### Кроме класса Frame есть еще несколько полезных виджетов-панелей:
+##### Кроме основного класса Frame есть еще несколько полезных виджетов-панелей:
 
 - PopupWindow - специальный оконный класс для создания popup-меню, списков combobox
                 и других вспомогательных виджетов подобного рода

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -10,8 +10,8 @@
 - SetPosition(pt:wx.Point) - помещает окно с начальной точкой pt, пример wnd.SetPosition(wx.Point(100,500))
 - SetSize(x, y, width, height) - устанавливает и позицию, и размер окна одной командой
 
-### Общая структура и типовая компоновка оконного интерфейса приложения.
-### Классификация виджетов wxPython
+### Общая структура и типовая компоновка оконного интерфейса приложения
+**Классификация виджетов wxPython**
 
          Структура GUI-App'а: виджеты + Лэйауты.
          

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -10,7 +10,8 @@
 - SetPosition(pt:wx.Point) - помещает окно с начальной точкой pt, пример wnd.SetPosition(wx.Point(100,500))
 - SetSize(x, y, width, height) - устанавливает и позицию, и размер окна одной командой
 
-### Общая структура и типовая компоновка оконного интерфейса приложения. Классификация виджетов wxPython
+### Общая структура и типовая компоновка оконного интерфейса приложения.
+### Классификация виджетов wxPython
 
          Структура GUI-App'а: виджеты + Лэйауты.
          

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -10,7 +10,7 @@
 - SetPosition(pt:wx.Point) - помещает окно с начальной точкой pt, пример wnd.SetPosition(wx.Point(100,500))
 - SetSize(x, y, width, height) - устанавливает и позицию, и размер окна одной командой
 
-## Общая структура и типовая компоновка оконного интерфейса приложения. Классификация виджетов.
+### Общая структура и типовая компоновка оконного интерфейса приложения. Классификация виджетов wxPython
 
          Структура GUI-App'а: виджеты + Лэйауты.
          

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -452,7 +452,7 @@ DC.SetDeviceOrigin(x, y)
 - HD - 1280*720 px
 - Full HD - 1920*1080 px
 
-Для того, чтобы единицами измерения стали не пиксели, а другие (напр., мм) нужно вызывать метод: ```DC.SetMapMode(mode)```
+Для того, чтобы ***единицами измерения*** стали не пиксели, а другие (напр., мм) нужно вызывать метод: ```DC.SetMapMode(mode)```
 - wx.MM_TEXT - пиксели (по умолчанию)
 - wx.MM_METRIC - миллиметры (вполне м.б. применимо на практике)
 - wx.MM_LOMETRIC - 1/10 мм

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -419,8 +419,42 @@ GradientFillLinear(self, rect, initialColour, destColour, nDirection=RIGHT)
 - destColour - конечный цвет заливки
 - nDirection - направление перехода(градиента)
 
-Пример гр.заливки:
+Пример град.заливки:
 
 ```python3
 dc.GradientFillLinear((10, 280, 660, 65), '#cc0000', '#4E4EF4', wx.EAST)
 ```
+#### Другие графические примитивы. Система координат и прочие единицы измерений
+
+Начало координат рисования внутри окна на холсте находится в левом верхнем углу,
+ось x направлена вправо, а ось y направлена вниз, точки задаются в формате (x, y)
+- dc.DrawLine(self, x1, y1, x2, y2)
+- dc.DrawRectangle(self, x, y, width, length) - прямоугольник, х, у это (в-лев) точка его начала
+- dc.DrawArc(xStartPoint, yStartPoint, xEndPoint, yEndPoint, xCentra, yCentra) - дуга
+- dc.DrawBitmap(self, bitmap_filename_as_str, x, y) - картинка, где x, y - начало размещ.картинки (в-лев)
+- dc.DrawCircle(self, xCentra, yCentra, radius) - круг
+- dc.DrawEllipse(self, x_nachala, y_nachala, width, heigth) - эллипс
+- dc.DrawPoint(self, x, y) - точка
+- dc.DrawPolygon - замкнутый полигон (набор точек соединенный линиями)
+- dc.DrawSpline - сплайн (сглаженная ломаная линия)
+- dc.DrawText - текст как графика из пикселей
+
+полный список геометрических примитивов:   https://docs.wxpython.org/wx.DC.html
+
+При необходимости, начало координат области рисования можно перенести в произвольную позицию холста:
+```python3
+DC.SetDeviceOrigin(x, y)
+```
+
+##### Единицы измерения координат на холсте при рисовании
+
+Стандартные разрешения экранов:
+- HD - 1280*720 px
+- Full HD - 1920*1080 px
+
+Для того, чтобы единицами измерения стали не пиксели, а другие (напр., мм) нужно вызывать метод: ```DC.SetMapMode(mode)```
+- wx.MM_TEXT - пиксели (по умолчанию)
+- wx.MM_METRIC - миллиметры (вполне м.б. применимо на практике)
+- wx.MM_LOMETRIC - 1/10 мм
+- wx.MM_POINTS - пункты (1/72 дюйма)
+- wx.MM_TWIPS - 1/20 пункта
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -400,8 +400,13 @@ style'и заливки такие:
 ##### Пользовательская заливка с помощью класса wx.Brush
 
 для этого нужно предв. создать свое png изображение в квадратной ячейке в которой будет образец заливки,
-файл напр., filling_patter.png, затем строчка вида: dc.SetBrush(wx.Brush(wx.Bitmap('filling_patter.png')))
-По сути, т.обр. м. формировать заливку заднего фона в виде различных тайловых обоев.
+файл напр., filling_patter.png, затем строчка вида:
+
+```python3
+dc.SetBrush(wx.Brush(wx.Bitmap('filling_patter.png')))
+```
+
+По сути, т.обр. можно формировать заливку заднего фона окна в виде различных тайловых обоев.
 
 ##### Градиентная заливка
 

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -381,7 +381,7 @@ https://docs.wxpython.org/wx.ColourDatabase.html
 - wx.CAP_PROJECTING - продолжает линию за граничную точка на величину ее толщины
 - wx.CAP_BUTT - рисует линию до конечной точки ровно, не переходя ее.
 
-Еще есть варианты **заливки** рисуемых фигур при помощи класса Brush (Кисть):
+Еще есть варианты **заливки** рисуемых фигур при помощи класса ***Brush*** (Кисть):
 
 ```python3
 Brush(colour, style=BRUSHSTYLE{wx.SOLID})

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -337,3 +337,85 @@ def on_dialog(self, event):
 
 В случае оборота в менеджер контекста мы избавимся от необходимости применения Destroy, т.к. в wxPython
 эта обертка уже подразумеват авто-завершение с Destroy'ем.
+
+#### Графика в wxPython: Графические примитивы, классы Pen, Brush, градиентная заливка
+
+Процесс рисования осуществляется ч/з т.н. **контекст устройства** (device context или DC).
+
+В нашей библиотеке 6 разновидностей DC:
+- wx.MemoryDC - контекст памяти (рисование в объекте Bitmap, расположенный в памяти устройства)
+- wx.PrinterDC - контекст принтера (для OC Windows и Mac)
+- wx.ScreenDC - контекст экрана устройства (рисование на экране без привязки к окну)
+- wx.ClientDC, wx.PaintDC - рисование в клиентской области окна (внутри окна)
+- wx.WindowDC - рисование во всем окне.
+
+Рисование разной толщиной и цветом:
+
+```python3
+wx.Pen(wx.Colour=(colour), width=1, style=wx.SOLID)
+```
+style'и такие:
+- wx.SOLID - сплошная линия
+- wx.DOT - линия из точек
+- wx.LONG_DASH - линия из длинных отрезков
+- wx.SHORT_DASH - пунктир
+- wx.DOT_DASH - черточка-точка
+- wx.TRANSPARENT - прозрачная линия
+
+**ЦВЕТ** (wx.COLOUR) определяется как строка с шестью символами после номера #RRGGBB
+или же явным названием стандартного цвета типа 'LIGHT BLUE' согласно справочника:
+https://docs.wxpython.org/wx.ColourDatabase.html
+
+Дополнительные параметры для рисования линий Pen'ом:
+
+- join - способ сопряжения линий в точке соединения
+- cap - способ прорисовки конца линии
+
+Чтобы назначить эти параметры, используют следующие методы - ***Pen.SetJoin()*** и ***Pen.SetCat()***
+
+- wx.JOIN_MITER - обычное сопряжение (по умолчанию)
+- wx.JOIN_BEVEL - создание фаски
+- wx.JOIN_ROUND - создание скругления;
+
+- wx.CAP_ROUND - скругленный конец линии (по умолчанию)
+- wx.CAP_PROJECTING - продолжает линию за граничную точка на величину ее толщины
+- wx.CAP_BUTT - рисует линию до конечной точки ровно, не переходя ее.
+
+Еще есть варианты **заливки** рисуемых фигур при помощи класса Brush (Кисть):
+
+```python3
+Brush(colour, style=BRUSHSTYLE{wx.SOLID})
+```
+
+style'и заливки такие:
+- wx.SOLID - сплошная заливка
+- wx.BDIAGONEL_HATCH - диагональная штриховка
+- wx.CROSSDIAG_HATCH - диагональная штриховка крест-накрест
+- wx.FDIAGONAL_HATCH - обратная диагональная штриховка
+- wx.CROSS_HATCH - штриховка сеточкой
+- wx.HORIZONTAL_HATCH - горизонтальная штриховка
+- wx.VERTICAL_HATCH - вертикальная штриховка
+- wx.TRANSPARENT - прозрачная заливка
+
+##### Пользовательская заливка с помощью класса wx.Brush
+
+для этого нужно предв. создать свое png изображение в квадратной ячейке в которой будет образец заливки,
+файл напр., filling_patter.png, затем строчка вида: dc.SetBrush(wx.Brush(wx.Bitmap('filling_patter.png')))
+По сути, т.обр. м. формировать заливку заднего фона в виде различных тайловых обоев.
+
+##### Градиентная заливка
+
+```python3
+GradientFillLinear(self, rect, initialColour, destColour, nDirection=RIGHT)
+```
+
+- rect - прямоугольная область заливки
+- initialColour - начальный цвет заливки
+- destColour - конечный цвет заливки
+- nDirection - направление перехода(градиента)
+
+Пример гр.заливки:
+
+```python3
+dc.GradientFillLinear((10, 280, 660, 65), '#cc0000', '#4E4EF4', wx.EAST)
+```
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -320,7 +320,7 @@ style=DEFAULT_DIALOG_STYLE, name=DialogNameStr)
 
 А при записи `style=0` вообще все элементы при отображении будут выключены
 
-##### Особенности создания модального dlg.ShowModal() окна относительно немодального
+##### Особенности создания модального dlg.ShowModal() окна относительно не-модального:
 
 модальное перекрывает управление интерфейсом на себя, пока оно открыто.
 После его закрытия dlg.EndModal() цикл обработки события завершается и становится доступен ост. интерфейс

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -291,3 +291,49 @@ btn1 = wx.Button(self, BUTTON1.GetId(), label='Кнопка 1')  # где сге
 
 ***wx.ID_SAVE***, ***wx.ID_OPEN***, ***wx.ID.NEW*** - такие стандартные ID для виджетов хороши тем, что wxPython уже имеет
 для них стандартные иконки и горячие клавиши. Особенно это актуально для запуска в ОС семейства *nix.
+
+#### Модальные и немодальные диалоговые окна. Создание кастомных диалоговых окон
+
+Все диалоговые окна наследуются от общего родительского класса ***Dialog:***
+
+```python3
+wx.Dialog(parent, id=ID_ANY, title="", pos=DefaultPosition, size=DefaultSize,
+style=DEFAULT_DIALOG_STYLE, name=DialogNameStr)
+```
+где:
+- parent - ссылка на родительское окно (или значение None)
+- id - идентификатор диалогового окна
+- title - заголовок окна
+- pos, size - позиция и размер окна
+- style - стилизация окна
+
+Значения констант для параметра `style`:
+
+- wx.CAPTION - разрешает заголовок окна
+- wx.DEFAULT_DIALOG_STYLE - комбинация констант wx.CAPTION, wx.CLOSE_BOX и wx.SYSTEM_MENU
+- wz.RESIZE_BORDER - разрешает изменять размеры окна, по умолчанию выключено
+- wx.SYSTEM_MENU - для отображения системного меню
+- wx.CLOSE_BOX - для отображения кнопки закрытия (с крестиком)
+- wx.MAXIMIZE_BOX - для возможности распахивания окна на max
+- wx.MINIMIZE_BOX - для возможности свертывания окна
+- wx.STAY_ON_TOP - для отображения окна поверх всех остальных
+
+А при записи `style=0` вообще все элементы при отображении будут выключены
+
+##### Особенности создания модального dlg.ShowModal() окна относительно немодального
+
+модальное перекрывает управление интерфейсом на себя, пока оно открыто.
+После его закрытия dlg.EndModal() цикл обработки события завершается и становится доступен ост. интерфейс
+Если dlg.Show(), то dlg.Destroy() далее не будет нужен, но интерфейс будет доступен при переключении с окна
+и таких (немодальных) окон можно будет создать несколько экз.
+
+Самый правильный способ создания и отработки Модального диалогового окна:
+
+```python3
+def on_dialog(self, event):
+    with MyDialog(self, title='Мой модальный диалог...") as dlg:
+        res = dlg.ShowModal()
+```
+
+В случае оборота в менеджер контекста мы избавимся от необходимости применения Destroy, т.к. в wxPython
+эта обертка уже подразумеват авто-завершение с Destroy'ем.
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -246,9 +246,8 @@ panel.Unbind(wx.EVT_BUTTON)
 event.GetEventObject().SetBackGroundColour('#FFFFE5')
 ```
 
-^^^^^^^^^^^^^^^^^^^^^^
-обращаем внимание на первый метод, выцепляющий эл-т - источник события
-а следом целесообразоно записать event.Skip() для правильной отработки.
+^^^^^^^^^^^^^^^^^ обращаем внимание на первый метод, выцепляющий элемент-источник события.
+А следом целесообразно записать строку **event.Skip()** для правильной отработки.
 
 - wx.EVT_KEY_DOWN, wx.EVT_KEY_UP возникают при нажатии и отпускании (any) клавиши на клавиатуре
 
@@ -290,5 +289,5 @@ btn1 = wx.Button(self, BUTTON1.GetId(), label='Кнопка 1')  # где сге
 и те же ID. Если пункт меню дублируется кнопкой на панели инструментов, то можно им задать один и тот же ID
 со ссылкой на константу, и закрепить общий обработчик(handler) чтобы избежать дублирований кода.
 
-- wx.ID_SAVE, wx.ID_OPEN, wx.ID.NEW - такие стандартные ID для виджетов хороши тем, что wxPython уже имеет
+***wx.ID_SAVE***, ***wx.ID_OPEN***, ***wx.ID.NEW*** - такие стандартные ID для виджетов хороши тем, что wxPython уже имеет
 для них стандартные иконки и горячие клавиши. Особенно это актуально для запуска в ОС семейства *nix.
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -230,12 +230,13 @@ panel.Unbind(wx.EVT_BUTTON)
 
 #### Дополнительно про события (events)
 
-соб. EVT_MOTION - движение мыши
-соб. EVT_PAINT - когда наше окно нуждается в перерисовке по возникшей логической необходимости
+событие ***EVT_MOTION*** - передвижение мыши;
+событие ***EVT_PAINT*** - когда наше окно нуждается в перерисовке по возникшей логической необходимости
 
 > Прочие события, на которые можно Bind'ить обработчики:
 
 - wx.EVT_SET_FOCUS, wx.EVT_KILL_FOCUS
+
 1-е событие обработается когда эл-т(виджет) получает фокус (мыши),
 2-е событие -// когда эл-т теряет фокус (мыши)
 

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -227,3 +227,67 @@ gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет
 ```python3
 panel.Unbind(wx.EVT_BUTTON)
 ```
+
+#### Дополнительно про события (events)
+
+соб. EVT_MOTION - движение мыши
+соб. EVT_PAINT - когда наше окно нуждается в перерисовке по возникшей логической необходимости
+
+> Прочие события, на которые можно Bind'ить обработчики:
+
+- wx.EVT_SET_FOCUS, wx.EVT_KILL_FOCUS
+1-е событие обработается когда эл-т(виджет) получает фокус (мыши),
+2-е событие -// когда эл-т теряет фокус (мыши)
+
+В обработчике пишем что-то вроде такого:
+
+```python3
+event.GetEventObject().SetBackGroundColour('#FFFFE5')
+```
+
+^^^^^^^^^^^^^^^^^^^^^^
+обращаем внимание на первый метод, выцепляющий эл-т - источник события
+а следом целесообразоно записать event.Skip() для правильной отработки.
+
+- wx.EVT_KEY_DOWN, wx.EVT_KEY_UP возникают при нажатии и отпускании (any) клавиши на клавиатуре
+
+Пример того, как определить клавишу в обработчике:
+
+```python3
+def on_key_down(self, event):
+    key = event.GetKeyCode()
+    if key == wx.WXK_ESCAPE:
+        wx.MessageBox('Вы нажали клавишу Escape')
+    else:
+        wx.MessageBox('Вы нажали не ту клавишу')
+```
+
+#### Порядок и принципы назначения ID виджетам интерфейса
+
+В кач-ве константы мы ранее могла задавать id по умолчанию как константу wx.ID_ANY (по дефолту оно = -1),
+однако это означает, что сам wxPython динамически раздает айдишки этим виджетам. Фишка в том, что раздает он их отрицательными.
+Для назначения собственных ID мы можем пользоваться положительным промежутком числового ряда, например,
+
+```
+BUTTON1 = 1
+BUTTON2 = 2
+```
+
+либо генератором уникальных ID:
+
+```python3
+BUTTON1 = wx.NewIdRef() # он будет создавать объект константы к которому обратимся по .GetId()
+```
+
+На практике при создании виджета такая запись:
+
+```python3
+btn1 = wx.Button(self, BUTTON1.GetId(), label='Кнопка 1')  # где сгенерируемые ID тоже будут отрицательными
+```
+
+Преимущество предзаданных и т.обр. описанных констант в том, что мы можем разным виджетам присваивать одни
+и те же ID. Если пункт меню дублируется кнопкой на панели инструментов, то можно им задать один и тот же ID
+со ссылкой на константу, и закрепить общий обработчик(handler) чтобы избежать дублирований кода.
+
+- wx.ID_SAVE, wx.ID_OPEN, wx.ID.NEW - такие стандартные ID для виджетов хороши тем, что wxPython уже имеет
+для них стандартные иконки и горячие клавиши. Особенно это актуально для запуска в ОС семейства *nix.
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -221,6 +221,7 @@ gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет
 например: wx.EVT_CLOSE - действуют только для этого виджета
 
 Обратный метод - Unbind(self, event, source=None, id=wx.ID_ANY, id2=wx.ID_ANY, handler=None)
+
 Он сбрасывает(отвязывает) какой-либо обработчик от объекта; пример:
 
 ```python3

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -199,7 +199,7 @@ gbagbox.Add(btn2, pos=(3, 4), flag=wx.RIGHT | wx.BOTTOM, border=10)
 gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет растягиваться по максимуму
 ```
 
-#### Механизм обработки событий: Bind, Unbind
+#### Механизм обработки событий: Bind / Unbind
 
 Для каждого События(event'а) имеется свой заготовленный по умолчанию id:
 

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -198,3 +198,31 @@ gbagbox.Add(btn1, pos=(3, 3))  # 4-я строка и 4-й столбец
 gbagbox.Add(btn2, pos=(3, 4), flag=wx.RIGHT | wx.BOTTOM, border=10)
 gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет растягиваться по максимуму
 ```
+
+#### Механизм обработки событий: Bind, Unbind
+
+Для каждого События(event'а) имеется свой заготовленный по умолчанию id:
+
+- wx.EVT_BUTTON - соб., генерируемое вилджетом wx.Button
+- wx.EVT_MENU - соб., генерируемое меню
+- wx.EVT_TEXT - соб., генерируемое wx.TextCtrl
+- wx.EVT_TOOL - соб., генерируемое toolbox (тулбаром)
+- wx.EVT_MOVE - соб., генерируемое при перемещении окна
+- wx.EVT_PAINT - соб. для перерисовки элемента (обычно окна)
+- wx.EVT_KEY_DOWN - соб. при нажатии на клавишу
+- wx.EVT_KEY_UP - соб. при отпускании клавиши
+
+Синтаксис **Bind** для связки метода класса и какого-либо события:
+
+объект.Bind(<тип события>, <метод>)
+
+По умолчанию события рапространяются к родительским объектам с детей (такой концепт)
+однако есть еще такие basic events, при которых не распространяются по родительским объектам
+например: wx.EVT_CLOSE - действуют только для этого виджета
+
+Обратный метод - Unbind(self, event, source=None, id=wx.ID_ANY, id2=wx.ID_ANY, handler=None)
+Он сбрасывает(отвязывает) какой-либо обработчик от объекта; пример:
+
+```python3
+panel.Unbind(wx.EVT_BUTTON)
+```
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -117,15 +117,15 @@ https://docs.wxpython.org/wx.Event.html
 
 Сайзеры - разновидности виджетов. Бывают нескольких видов - BoxSizer, GridSizer, FlexGridSizer, GridBagSizer
 
-##### BoxSizer - основной сайзер
+##### BoxSizer - основной сайзер:
 
 Наиболее применимый сайзер, BoxSizer - это аналог BoxLayout в Kivy или PyQt5,
 Лучшая практика - размещать в конечном итоге сайзеры на панели (мастер-лэйауте), а панель единственную на главном фрейме.
 Панель - аналог main layout'а в указанных выше GUI-фреймворках. Описывается панель примерно как:
 panel = wx.Panel(self), потом img1 и img2 натягиваются на панель, и в завершении пишется ***panel.SetSizer(vbox)***,
 т.е. устанавливаем сайзер не на фрейм, а на предварительно созданную панель (см. код видео 5_1)
 
-##### GridSizer
+##### GridSizer:
 
 GridSizer позволяет создавать двухмерную сетку ячеек с одинаковой шириной и высотой.
 
@@ -140,7 +140,7 @@ wx.GridSizer(rows=1, cols=0, vgap=0, hgap=0)
 - vgap - интервал между ячейками по вертикали
 - hgap - интервал между ячейкми по горизонтали
 
-##### FlexGridSizer
+##### FlexGridSizer:
 
 FlexGridSizer работает аналогично GridSizer'у, но ширина ячеек у мего м.б. разная.
 
@@ -165,11 +165,11 @@ flexbox.AddGrowableCol(1, proportion=1)  # делается, чтобы поля
 flexbox.AddGrowableRow(3, proportion=1)  # первый параметр - номер строки
 ```
 
-##### GridBagSizer
+##### GridBagSizer:
 
 GridBagSizer наиболее гибкий сайзер, он динамически создает таблички из ячеек, у кот-х м.быть разные размеры.
 
-Синтаксис и пример:
+Синтаксис:
 
 ```python3
 wx.GridBagSizer(vgap, hgap)

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -184,11 +184,14 @@ Add(self, item, pos, span=wx.DefaultSpan, flag=0, border=0, userData=None), гд
 
 ```python3
 gbagbox = wx.GridBagSizer(5, 5)
+
 lbl = wx.StaticText(panel, label = 'Email:')
 gbagbox.Add(lbl, pos=(0, 0), flag=wx.TOP | wx.LEFT | wx.BOTTOM, border=5)  # (0, 0) # первая ячейка
+
 txt_box = wx.TextCtrl(panel)
 gbagbox.Add(txt_box, pos=(1, 0), span=(1, 5), flag=wx.EXPAND | wx.LEFT | wx.RIGHT, border=5)
 # где span(1, 5) означает, что эта 1 строка будет охватывать 5 столбцов
+
 btn1 = wx.Button(panel, label='Восстановить', size=(120, 28))
 btn2 = wx.Button(panel, label='Отмена', size=(90, 28))
 gbagbox.Add(btn1, pos=(3, 3))  # 4-я строка и 4-й столбец

diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -131,9 +131,9 @@ GridSizer позволяет создавать двухмерную сетку
 
 Синтаксис:
 
-``
+```python3
 wx.GridSizer(rows=1, cols=0, vgap=0, hgap=0)
-``
+```
 
 - rows - число строк (отсчет начинается с 1)
 - cols - число столбцов (отсчет идет с 0)
@@ -146,7 +146,7 @@ FlexGridSizer работает аналогично GridSizer'у, но шири
 
 Синтаксис и пример:
 
-`
+```python3
 flexbox = wx.FlexGridSizer(4, 2, 10, 10)
 
 flexbox.AddMany([
@@ -163,17 +163,17 @@ panel.SetSizer(flexbox)
 
 flexbox.AddGrowableCol(1, proportion=1)  # делается, чтобы поля ввода по опр. столбцы растягивались по ширине
 flexbox.AddGrowableRow(3, proportion=1)  # первый параметр - номер строки
-`
+```
 
 ##### GridBagSizer
 
 GridBagSizer наиболее гибкий сайзер, он динамически создает таблички из ячеек, у кот-х м.быть разные размеры.
 
 Синтаксис и пример:
 
-`
+```python3
 wx.GridBagSizer(vgap, hgap)
-`
+```
 
 где параметры - расстояния между ячейками в px, по вертикали и горизонтали,
 а затем вызывается метод:
@@ -182,16 +182,16 @@ Add(self, item, pos, span=wx.DefaultSpan, flag=0, border=0, userData=None), гд
 
 Пример:
 
-`
+```python3
 gbagbox = wx.GridBagSizer(5, 5)
 lbl = wx.StaticText(panel, label = 'Email:')
 gbagbox.Add(lbl, pos=(0, 0), flag=wx.TOP | wx.LEFT | wx.BOTTOM, border=5)  # (0, 0) # первая ячейка
 txt_box = wx.TextCtrl(panel)
 gbagbox.Add(txt_box, pos=(1, 0), span=(1, 5), flag=wx.EXPAND | wx.LEFT | wx.RIGHT, border=5)
-# где span(1, 5) означает, что эта 1 строка будет охватывать 5 сталбцов
+# где span(1, 5) означает, что эта 1 строка будет охватывать 5 столбцов
 btn1 = wx.Button(panel, label='Восстановить', size=(120, 28))
 btn2 = wx.Button(panel, label='Отмена', size=(90, 28))
 gbagbox.Add(btn1, pos=(3, 3))  # 4-я строка и 4-й столбец
 gbagbox.Add(btn2, pos=(3, 4), flag=wx.RIGHT | wx.BOTTOM, border=10)
 gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет растягиваться по максимуму
-`
+```
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -146,7 +146,7 @@ FlexGridSizer работает аналогично GridSizer'у, но шири
 
 Синтаксис и пример:
 
-``
+`
 flexbox = wx.FlexGridSizer(4, 2, 10, 10)
 
 flexbox.AddMany([
@@ -163,17 +163,17 @@ panel.SetSizer(flexbox)
 
 flexbox.AddGrowableCol(1, proportion=1)  # делается, чтобы поля ввода по опр. столбцы растягивались по ширине
 flexbox.AddGrowableRow(3, proportion=1)  # первый параметр - номер строки
-``
+`
 
 ##### GridBagSizer
 
 GridBagSizer наиболее гибкий сайзер, он динамически создает таблички из ячеек, у кот-х м.быть разные размеры.
 
 Синтаксис и пример:
 
-``
+`
 wx.GridBagSizer(vgap, hgap)
-``
+`
 
 где параметры - расстояния между ячейками в px, по вертикали и горизонтали,
 а затем вызывается метод:
@@ -182,7 +182,7 @@ Add(self, item, pos, span=wx.DefaultSpan, flag=0, border=0, userData=None), гд
 
 Пример:
 
-``
+`
 gbagbox = wx.GridBagSizer(5, 5)
 lbl = wx.StaticText(panel, label = 'Email:')
 gbagbox.Add(lbl, pos=(0, 0), flag=wx.TOP | wx.LEFT | wx.BOTTOM, border=5)  # (0, 0) # первая ячейка
@@ -194,4 +194,4 @@ btn2 = wx.Button(panel, label='Отмена', size=(90, 28))
 gbagbox.Add(btn1, pos=(3, 3))  # 4-я строка и 4-й столбец
 gbagbox.Add(btn2, pos=(3, 4), flag=wx.RIGHT | wx.BOTTOM, border=10)
 gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет растягиваться по максимуму
-``
+`
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -129,9 +129,11 @@ panel = wx.Panel(self), потом img1 и img2 натягиваются на п
 
 GridSizer позволяет создавать двухмерную сетку ячеек с одинаковой шириной и высотой.
 
-***Синтаксис:***
+Синтаксис:
 
+``
 wx.GridSizer(rows=1, cols=0, vgap=0, hgap=0)
+``
 
 - rows - число строк (отсчет начинается с 1)
 - cols - число столбцов (отсчет идет с 0)
@@ -142,8 +144,9 @@ wx.GridSizer(rows=1, cols=0, vgap=0, hgap=0)
 
 FlexGridSizer работает аналогично GridSizer'у, но ширина ячеек у мего м.б. разная.
 
-***Синтаксис и пример:***
+Синтаксис и пример:
 
+``
 flexbox = wx.FlexGridSizer(4, 2, 10, 10)
 
 flexbox.AddMany([
@@ -160,28 +163,35 @@ panel.SetSizer(flexbox)
 
 flexbox.AddGrowableCol(1, proportion=1)  # делается, чтобы поля ввода по опр. столбцы растягивались по ширине
 flexbox.AddGrowableRow(3, proportion=1)  # первый параметр - номер строки
+``
 
 ##### GridBagSizer
 
-GridBagSizer наиболее гибкий, он динамически создает таблички из ячеек, у кот-х м.быть разные размеры.
+GridBagSizer наиболее гибкий сайзер, он динамически создает таблички из ячеек, у кот-х м.быть разные размеры.
 
-***Синтаксис и пример:***
+Синтаксис и пример:
 
-wx.GridBagSizer(vgap, hgap) где параметры - расстояния между ячейками в px, по вертикали и горизонтали,
+``
+wx.GridBagSizer(vgap, hgap)
+``
+
+где параметры - расстояния между ячейками в px, по вертикали и горизонтали,
 а затем вызывается метод:
 
 Add(self, item, pos, span=wx.DefaultSpan, flag=0, border=0, userData=None), где pos=(row, col)
 
 Пример:
 
+``
 gbagbox = wx.GridBagSizer(5, 5)
 lbl = wx.StaticText(panel, label = 'Email:')
-gbagbox.Add(lbl, pos=(0, 0), flag=wx.TOP | wx.LEFT | wx.BOTTOM, border=5)  # (0, 0) - первая ячейка
+gbagbox.Add(lbl, pos=(0, 0), flag=wx.TOP | wx.LEFT | wx.BOTTOM, border=5)  # (0, 0) # первая ячейка
 txt_box = wx.TextCtrl(panel)
-gbagbox.Add(txt_box, pos=(1, 0), span=(1, 5), flag=wx.EXPAND | wx.LEFT | wx.RIGHT, border=5),
-где span(1, 5) означает, что эта 1 строка будет охватывать 5 сталбцов
+gbagbox.Add(txt_box, pos=(1, 0), span=(1, 5), flag=wx.EXPAND | wx.LEFT | wx.RIGHT, border=5)
+# где span(1, 5) означает, что эта 1 строка будет охватывать 5 сталбцов
 btn1 = wx.Button(panel, label='Восстановить', size=(120, 28))
 btn2 = wx.Button(panel, label='Отмена', size=(90, 28))
 gbagbox.Add(btn1, pos=(3, 3))  # 4-я строка и 4-й столбец
 gbagbox.Add(btn2, pos=(3, 4), flag=wx.RIGHT | wx.BOTTOM, border=10)
-gbagbox.AddGrowableCol(col=1) - при этом интерфейс будет растягиваться по максимуму.
+gbagbox.AddGrowableCol(col=1)  # при этом интерфейс будет растягиваться по максимуму
+``
diff --git a/wxpython_notes.md b/wxpython_notes.md
@@ -124,3 +124,64 @@ https://docs.wxpython.org/wx.Event.html
 Панель - аналог main layout'а в указанных выше GUI-фреймворках. Описывается панель примерно как:
 panel = wx.Panel(self), потом img1 и img2 натягиваются на панель, и в завершении пишется ***panel.SetSizer(vbox)***,
 т.е. устанавливаем сайзер не на фрейм, а на предварительно созданную панель (см. код видео 5_1)
+
+##### GridSizer
+
+GridSizer позволяет создавать двухмерную сетку ячеек с одинаковой шириной и высотой.
+
+***Синтаксис:***
+
+wx.GridSizer(rows=1, cols=0, vgap=0, hgap=0)
+
+- rows - число строк (отсчет начинается с 1)
+- cols - число столбцов (отсчет идет с 0)
+- vgap - интервал между ячейками по вертикали
+- hgap - интервал между ячейкми по горизонтали
+
+##### FlexGridSizer
+
+FlexGridSizer работает аналогично GridSizer'у, но ширина ячеек у мего м.б. разная.
+
+***Синтаксис и пример:***
+
+flexbox = wx.FlexGridSizer(4, 2, 10, 10)
+
+flexbox.AddMany([
+                (wx.StaticText(panel, label='ФИО:')),
+                (wx.TextCtrl(panel), wx.ID_ANY, wx.EXPAND),
+                (wx.StaticText(panel, label='email:')),
+                (wx.TextCtrl(panel), wx.ID_ANY, wx.EXPAND),
+                (wx.StaticText(panel, label='Адрес:')),
+                (wx.TextCtrl(panel), wx.ID_ANY, wx.EXPAND),
+                (wx.StaticText(panel, label='О себе:')),
+                (wx.TextCtrl(panel, style=wx.NB_MULTILINE), wx.ID_ANY, wx.EXPAND),
+                ])
+panel.SetSizer(flexbox)
+
+flexbox.AddGrowableCol(1, proportion=1)  # делается, чтобы поля ввода по опр. столбцы растягивались по ширине
+flexbox.AddGrowableRow(3, proportion=1)  # первый параметр - номер строки
+
+##### GridBagSizer
+
+GridBagSizer наиболее гибкий, он динамически создает таблички из ячеек, у кот-х м.быть разные размеры.
+
+***Синтаксис и пример:***
+
+wx.GridBagSizer(vgap, hgap) где параметры - расстояния между ячейками в px, по вертикали и горизонтали,
+а затем вызывается метод:
+
+Add(self, item, pos, span=wx.DefaultSpan, flag=0, border=0, userData=None), где pos=(row, col)
+
+Пример:
+
+gbagbox = wx.GridBagSizer(5, 5)
+lbl = wx.StaticText(panel, label = 'Email:')
+gbagbox.Add(lbl, pos=(0, 0), flag=wx.TOP | wx.LEFT | wx.BOTTOM, border=5)  # (0, 0) - первая ячейка
+txt_box = wx.TextCtrl(panel)
+gbagbox.Add(txt_box, pos=(1, 0), span=(1, 5), flag=wx.EXPAND | wx.LEFT | wx.RIGHT, border=5),
+где span(1, 5) означает, что эта 1 строка будет охватывать 5 сталбцов
+btn1 = wx.Button(panel, label='Восстановить', size=(120, 28))
+btn2 = wx.Button(panel, label='Отмена', size=(90, 28))
+gbagbox.Add(btn1, pos=(3, 3))  # 4-я строка и 4-й столбец
+gbagbox.Add(btn2, pos=(3, 4), flag=wx.RIGHT | wx.BOTTOM, border=10)
+gbagbox.AddGrowableCol(col=1) - при этом интерфейс будет растягиваться по максимуму.
No results found