58 lines
4.2 KiB
Markdown
58 lines
4.2 KiB
Markdown
# Tkinter Form Designer
|
||
|
||
**Tkinter Form Designer** — это расширение для Visual Studio Code, которое позволяет визуально создавать графические интерфейсы (GUI) для Python библиотеки `tkinter` с помощью простого перетаскивания (Drag & Drop).
|
||
|
||
Расширение автоматически генерирует Python-код в реальном времени.
|
||
|
||
## Основные возможности
|
||
|
||
* **Drag & Drop редактор:** Перетаскивайте элементы на форму и расставляйте их мышкой (используется абсолютное позиционирование `.place()`).
|
||
* **Двусторонняя связь:**
|
||
* Изменения в редакторе мгновенно обновляют `.py` файл.
|
||
* Возможность **импорта** существующего Python-кода обратно в визуальный редактор. Импортируемый файл должен иметь ту же структуру, что и файлы, генерируемые этим расширением.
|
||
* **Набор виджетов:**
|
||
* Label, Button, Entry, Text (многострочный ввод).
|
||
* Checkbox, Radiobutton.
|
||
* Listbox (с настройкой элементов списка).
|
||
* Canvas (холст).
|
||
* **Frame** (поддержка вложенности: можно перетаскивать виджеты внутрь фреймов).
|
||
* **Настройка свойств:**
|
||
* Изменение координат (X, Y) и размеров (Width, Height).
|
||
* Настройка цветов (Background, Foreground).
|
||
* Редактирование текста и содержимого.
|
||
* **Настройки главного окна:** Изменение заголовкаи и размеров основного окна через удобное меню.
|
||
* **Undo / Redo:** Полная поддержка отмены и повтора действий (`Ctrl+Z`, `Ctrl+Y`) с синхронизацией кода.
|
||
|
||
## Установка
|
||
|
||
Так как расширение находится в формате `.vsix` (локальный пакет):
|
||
|
||
1. Скачайте файл `tkinter-designer-0.0.1.vsix`.
|
||
2. Откройте VS Code.
|
||
3. Перейдите на вкладку **Расширения** (Extensions) `Ctrl+Shift+X`.
|
||
4. Нажмите на меню (три точки) в правом верхнем углу панели.
|
||
5. Выберите **"Install from VSIX..."**.
|
||
6. Укажите файл расширения.
|
||
|
||
## Как использовать
|
||
|
||
1. **Создание проекта:**
|
||
* Создайте пустой файл с расширением `.tkjson` (например, `app.tkjson`).
|
||
2. **Запуск редактора:**
|
||
* Дважды кликните по файлу `.tkjson`. Откроется визуальный редактор.
|
||
* Рядом автоматически создастся файл `app.py` с кодом.
|
||
3. **Редактирование:**
|
||
* Перетаскивайте виджеты из палитры справа.
|
||
* Настраивайте их свойства в панели "Settings" (иконка шестеренки при выборе элемента).
|
||
* Для настройки размера окна нажмите иконку шестеренки в правом верхнем углу панели инструментов.
|
||
4. **Импорт кода (Обратная разработка):**
|
||
* Если вы написали код вручную в `.py` файле, нажмите кнопку **Import** в панели инструментов редактора.
|
||
* Выберите ваш `.py` файл, и форма в редакторе перестроится согласно коду.
|
||
|
||
## Требования
|
||
|
||
* **VS Code** версии 1.75.0 или выше.
|
||
* **Python 3** (для запуска сгенерированного кода).
|
||
|
||
---
|
||
*Разработано в рамках производственной практики. 2025 г.* |