Креирајте свој први ГУИ у Питхон-у са Гладе и ГТК+

Кључне Такеаваис

  • Питхон програмери могу да користе ГТК+ и Гладе да креирају интуитивне ГУИ користећи визуелни интерфејс.
  • Подешавање окружења за овај пример укључује инсталирање Питхон-а, ГТК+, Гладе-а и ПиГОбјецт-а.
  • Коришћење ГТК+ и Гладе за Питхон ГУИ развој убрзава процес и одваја ГУИ дизајн од кода.

Питхон је приступачан језик који је савршен за анализу података и развој веба. Али то је одличан избор и за развој ГУИ апликација. ГТК+ и Гладе поједностављују процес креирања једноставних апликација на више платформи.

ГТК+ и Гладе дизајнер интерфејса за Питхон програмере

ГТК+ (ГИМП Тоолкит) и Гладе Интерфаце Десигнер су сјајна комбинација за Питхон програмере који желе да креирају интуитиван и угодан графички кориснички интерфејс.

ГТК+ је комплет алата за више платформи који можете користити за развој ГУИ. Компатибилан је са различитим оперативним системима, укључујући Линук, Виндовс и мацОС.

Гладе Интерфаце Десигнер, пратећи алат за ГТК+, омогућава вам да дизајнирате ГУИ без потребе да пишете код за распоред. Можете га користити за креирање ГУИ у ВИСИВИГ окружењу са неколико кликова и једноставним функцијама превлачења и отпуштања.

Подешавање вашег Питхон окружења за ГТК+ и Гладе развој

Подешавање вашег окружења је критичан први корак да се обезбеди несметан и ефикасан ток посла.

1. Инсталирајте Питхон

Почните тако што ћете се уверити да имате инсталиран Питхон на вашем систему. Видећете Питхон 3 код у примерима које читате, јер нуди бољу подршку и интеграцију за ГТК+ и Гладе. За Линук и мацОС, Питхон је обично унапред инсталиран.

Корисници Виндовс-а могу да преузму Питхон са званичну веб страницу Питхон-а.

2. Инсталирајте ГТК+

Можете инсталирати ГТК+ помоћу менаџера пакета.

За Линук системе засноване на Убунту и Дебиан-у користите:

 sudo apt-get install libgtk-3-dev 

За Федору и сличне:

 sudo dnf install gtk3-devel 

На мацОС-у, користећи Хомебрев:

 brew install gtk+3 

Корисници Виндовс-а могу да преузму ГТК+ са ГТК-ова званична страница за преузимање. Али ако имате инсталиран МСИС2, можете отворити командну линију МСИС2 и користити ову команду:

 pacman -S mingw-w64-x86_64-python-gobject 

3. Инсталирајте Гладе

Можете користити командну линију да инсталирате Гладе.

За Убунту и Дебиан дистрибуције Линука:

 sudo apt-get install glade 

На Федори:

 sudo dnf install glade 

Корисници мацОС-а могу да користе Хомебрев:

 brew install glade 

Корисници Виндовс-а могу да користе следећу команду са МСИС2:

 pacman -S mingw-w64-x86_64-glade 

4. Питхон везе за ГТК+

Инсталирајте ПиГОбјецт да интегришете ГТК+ са Питхон-ом. Команда коју ћете користити за ово је:

 pip install PyGObject 

Ако постоји грешка попут „Точак изградње за пицаиро (пипројецт.томл) није покренут“ током инсталације ПиГОбјецт-а, мораћете да инсталирате и цаиро пакет.

За Убунту и Дебиан дистрибуције Линука:

 sudo apt-get install libcairo2-dev 

За Федору:

 sudo yum install cairo-devel 

На мацОС-у:

 brew install pygobject3 

5. Подешавање виртуелног окружења (опционо)

Добра је пракса да користите виртуелно окружење за своје Питхон пројекте. Ово изолује зависности вашег пројекта. Креирајте и активирајте виртуелно окружење на Линук-у помоћу ових команди терминала:

 python -m venv myenv
source myenv/bin/activate

У оперативном систему Виндовс користите:

 python -m venv myenv
myenv\Scripts\activate

На мацОС-у, да бисте осигурали да виртуелно окружење може да приступи пакетима који припремају инсталације, користите:

 python -m venv --system-site-packages myenv
source myenv/bin/activate

6. Провера инсталације

Да бисте проверили да ли су ГТК+ и Гладе инсталирани, направите једноставну Питхон скрипту која увози ГТК:

 import gi
gi.require_version("Gtk", "3.0")
from gi.repository import Gtk

print("GTK+ version:", Gtk.get_major_version(), Gtk.get_minor_version())

Када покренете ову скрипту, она ће приказати инсталирану ГТК+ верзију. Ако све иде добро, поставили сте своје развојно окружење.

Креирање једноставне ГУИ апликације са Гладе Интерфаце Десигнер-ом и Питхон-ом

Можете дизајнирати своју ГУИ апликацију у Гладе Интерфаце Десигнер-у и извести изглед као датотеку пројекта. Затим можете приступити тој датотеци пројекта из свог Питхон кода.

Дизајнирање вашег ГУИ са Гладе

Гладеов интерфејс за превлачење и испуштање олакшава фокусирање на дизајн без заглављивања у основном коду. Покрените Гладе из менија апликација вашег система или командне линије са овом командом:

 glade

Требало би да видите Гладе интерфејс где можете да почнете да креирате свој ГУИ изглед.

Дугме Креирај нови пројекат у горњем левом углу пружа празно платно за ваш ГУИ дизајн. Гладе нуди широк избор виџета на својој горњој траци, укључујући дугмад, унос текста и ознаке. Превуците ове виџете на своје платно да бисте почели да стилизујете свој ГУИ. Можете да промените величину и позиционирате виџете у складу са вашим потребама дизајна.

Прво изаберите ГткВиндов виџет из менија Топлевелс:

На страници Опште у десној траци Гладеа видећете опцију ИД-а. Овај ИД је јединствено име виџета који сте додали. За овај пример, доделите ИД миМаинВиндов ГткВиндов-у који сте додали.

Сада можете да додате виџете у главни прозор који сте креирали. Идите на Контејнери на горњој траци, изаберите ГткБок виџет и превуците га у свој радни простор. Затим му дајте ИД, миМаинБок.

Након што додате ГткБок виџет, видећете различите опције са десне стране вашег радног простора које су специфичне за тај виџет. Овде можете уредити цео дизајн без писања кода.

Затим додајте Цонтрол виџет свом дизајну. Да бисте то урадили, идите на Контролу на горњој траци, изаберите ГткБуттон као пример и превуците га било где у ГткБок-у. Дајте му ИД, миБуттон. Ако желите, можете променити и текст дугмета користећи картицу Опште на десној табли.

ГткБуттон је виџет на који се може кликнути, тако да можете дефинисати Питхон руковалац за њега и касније написати одговарајући код. Идите на картицу Сигнали у десном менију и одредите руковалац за сигнал на који сте кликнули. За овај пример, назовите га он_буттон_цлицкед.

Сада можете да сачувате свој ГУИ дизајн као пројектну датотеку. Сачувајте датотеку као миДесигн.гладе.

Коришћење датотеке дизајна Гладе из Питхон кода

Направите апп.пи датотеку у истом директоријуму као и ваш миДесигн.гладе фајл. Налепите следећи код у ову датотеку:

 import gi
gi.require_version("Gtk", "3.0")
from gi.repository import Gtk
from gi.repository import Gdk

class MyApp:
    def __init__(self):

        

        self.builder = Gtk.Builder()
        self.builder.add_from_file("myDesign.glade")

        

        self.window = self.builder.get_object("myMainWindow")
        self.window.connect("destroy", Gtk.main_quit)

        

        self.button = self.builder.get_object("myButton")
        self.button.connect("clicked", self.on_button_clicked)

        

        self.color_toggle = False

    def on_button_clicked(self, widget):

        

        color = "#FF0000" if self.color_toggle else "#00FF00"
        self.window.modify_bg(Gtk.StateType.NORMAL, Gdk.color_parse(color))
        self.color_toggle = not self.color_toggle

    def run(self):
        self.window.show_all()
        Gtk.main()

if __name__ == "__main__":
    app = MyApp()
    app.run()

Овај код ће променити боју позадине сваки пут када кликнете на дугме. Обратите пажњу на позиве селф.буилдер.гет_објецт() који прослеђују ИД-ове виџета које сте дефинисали у Гладе-у.

Покрените своју Питхон скрипту користећи ову команду да бисте видели резултат:

 python3 app.py 

Предности коришћења ГТК+ и Гладе за развој Питхон ГУИ-ја

Коришћење ГТК+ и Гладеа за развој Питхон ГУИ нуди јасне предности. Обично креирање ГУИ захтева много времена и труда. Али са Гладе Интерфаце Десигнер-ом, можете убрзати процес. Гладе такође нуди широк спектар виџета, од којих је сваки једноставан за коришћење као и дугме у примеру.

Кључна предност Гладе-а је његова способност да задржи ГУИ дизајн одвојен од кода. Ово чини одржавање и ажурирање ГУИ једноставнијим. Овај приступ води ка чистијем, боље организованом коду, у складу са савременим програмским праксама.