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 г.