Desenvolvendo com Python e o toolkit GTK no Chrome OS

Ao ativar o ambiente Linux no Chrome OS é possível o desenvolvimento de aplicativos GTK no Chromebook.

Play this article

Hoje veremos como preparar o ambiente de desenvolvimento para a criação de aplicativos com a linguagem de programação Python (PyGObject) e o toolkit gráfico GTK no Chromebook (Chrome OS) 🤩.

Antes de mais nada, é necessário que o ambiente Linux esteja configurado no Chrome OS:

Atualmente o Chrome OS fornece pelo menos 3 versões do Debian:

Versões do Debian no Chrome OS.

Dependendo da versão do Debian algumas configurações adicionais se fazem necessárias.

A seguir veremos com mais detalhes esses procedimentos.


Debian Bookworm

A distribuição Linux Debian Bookworm possui os pacotes do GTK 4 nos seus repositórios estáveis.

Abrar o terminal e digite o seguinte comando:

sudo apt -t sid install \
python3-full \
python3-dev \
python3-gi \
python3-gi-cairo \
libcairo2-dev \
libgirepository1.0-dev \
gir1.2-gtk-4.0 \
libgtk-4-dev \
libadwaita-1-dev

Assim que a instalação estiver concluída a linguagem de programação Python, o binding PyGObject e as bibliotecas do GTK estarão instaladas.

Avance para a sessão de ambientes virtuais para dar continuidade neste tutorial.


Debian Buster e Bullseye

Nessas versões do Debian os pacotes do GTK 4 não estão disponíveis nos repositórios estáveis e se faz necessária a configuração do repositório sid.

Debian sid

Para adicionar o repositório sid é necessário editar o arquivo sources.list.

Para editar o arquivo, abra o terminal e utilize um editor de texto como o vi ou vim, todavia se você não possui experiencia com esses editores instale o nano:

sudo apt install nano

Com o fim da instalação digite no terminal:

sudo nano /etc/apt/sources.list

Agora vamos adicionar o repositório testing (sid) no arquivo sources.list:

# Generated by distrobuilder
deb https://deb.debian.org/debian bullseye main
deb https://deb.debian.org/debian bullseye-updates main
deb https://deb.debian.org/debian-security/ bullseye-security main

deb http://http.us.debian.org/debian sid main non-free contrib

Editando o arquivo sources.list do Debian.

🚨 NÃO EXECUTE sudo apt update OU MESMO sudo apt upgrade!

Agora precisamos criar/editar o arquivo preferences.

Se essa configuração não for feita, o sistema tentará atualizar todos os pacotes para as ultimas versões e isso irá gerar diversos pacotes quebrados.

No terminal execute:

sudo nano /etc/apt/preferences

Dentro deste arquivo digite o seguinte código:

Package: *
Pin: release a=stable
Pin-Priority: 700

Package: *
Pin: release a=testing
Pin-Priority: 650

Package: *
Pin: release a=unstable
Pin-Priority: 600

Editando o arquivo preferences do Debian.

Salve o arquivo e agora podemos atualizar os repositórios:

sudo apt update

Assim que a atualização dos repositórios for finalizada execute o seguinte comando para instalar os pacotes necessários:

sudo apt -t sid install \
python3-full \
python3-dev \
python3-gi \
python3-gi-cairo \
libcairo2-dev \
libgirepository1.0-dev \
gir1.2-gtk-4.0 \
libgtk-4-dev \
libadwaita-1-dev

Com o fim da instalação a linguagem de programação Python, o tookit GTK 4 e o binding PyGObject estarão instalados e prontos para uso 🚀.


Ambientes virtuais

Se você ainda não utiliza, este é um bom momento para testar algumas opções:

Eu utilizo o Poetry, contudo abaixo segue um exemplo de como criar um ambiente virtual com o venv que é nativo na linguagem de programação Python.

Criando o ambiente virtual

Acesse a pasta raiz do seu projeto, abra um terminal, em seguida execute o comando:

python3 -m venv venv

📝 Se o módulo venv não estiver instalado utilize o comando sudo apt install python3-venv ou equivalente da distribuição Linux que você utiliza.

Em distribuições Linux é comum ter mais de uma versão da linguagem de programação Python instalada.

Para criar o ambiente virtual utilizando uma versão especifica da linguagem de programação Python pode ser utilizado comando:

python3.X -m venv venv

🚨 Substitua o X pela versão da linguagem de programação Python que deseja utilizar. OBS: A versão deve estar instalada no sistema operacional!

Ativando o ambiente virtual

Após ser criado o ambiente virtual precisa ser ativo, caso contrário a instalação dos pacotes será realizada na instalação local da linguagem de programação Python e não no ambiente virtual.

Execute no terminal um dos seguintes comandos.

bash/zsh (mais comum):

source venv/bin/activate

fish:

source venv/bin/activate.fish

csh/tcsh:

source venv/bin/activate.csh

Ativando o ambiente virtual

Instalando o binding

Com o ambiente virtual ativo, vamos começar atualizando o gerenciador de pacotes do Python (pip) com o comando:

python -m pip install --upgrade pip

Em seguida vamos instalar o binding PyGObject e a biblioteca PyGObject-stubs com o comando:

pip install pygobject PyGObject-stubs

Perfeito com isso podemos iniciar o desenvolvimento em um ambiente onde as dependências estão isolada 😃.


Testando

A forma mais simples de testar a comunicação entre a linguagem de programação Python e o toolkit gráfico GTK, é executar no terminal o comando:

python3 -c "import gi"

Testando o binding PyGObject.

Se ao executar o comando nenhum erro for retornado, a instalação e configuração estão corretas 👍👋👋.


Configurando o interpretador Python

Visual Studio Code (VSCode)

Abra o Visual Studio Code, crie um novo arquivo e salve o mesmo com o nome main.py ou qualquer outro nome que preferir.

No canto inferior direito do Visual Studio Code clique na opção Select python interpreter, pode ser que haja um interpretador Python selecionado, basta clicar sobre o mesmo para alterar:

Configurando o interpretador Python no VSCode.

Ao clicar nessa opção será aberto um menu onde você pode selecionar os interpretadores e ambientes virtuais disponíveis:

Selecionando o interpretador Python no VSCode.


Código

Para testar a configuração no seu editor de texto ou IDE utilize o seguinte código de exemplo:

# -*- coding: utf-8 -*-
"""Python e GTK: PyGObject Gtk.ApplicationWindow()."""

import gi

gi.require_version(namespace='Gtk', version='4.0')
gi.require_version(namespace='Adw', version='1')

from gi.repository import Adw, Gio, Gtk

Adw.init()


class ExampleWindow(Gtk.ApplicationWindow):

    def __init__(self, **kwargs):
        super().__init__(**kwargs)

        self.set_title(title='Python e GTK: PyGObject Gtk.ApplicationWindow()')
        self.set_default_size(width=int(1366 / 2), height=int(768 / 2))
        self.set_size_request(width=int(1366 / 2), height=int(768 / 2))

        headerbar = Gtk.HeaderBar.new()
        self.set_titlebar(titlebar=headerbar)

        menu_button_model = Gio.Menu()
        menu_button_model.append('Preferências', 'app.preferences')

        menu_button = Gtk.MenuButton.new()
        menu_button.set_icon_name(icon_name='open-menu-symbolic')
        menu_button.set_menu_model(menu_model=menu_button_model)
        headerbar.pack_end(child=menu_button)

        # O seu código aqui:
        # ...


class ExampleApplication(Adw.Application):

    def __init__(self):
        super().__init__(application_id='br.com.justcode.Example',
                         flags=Gio.ApplicationFlags.FLAGS_NONE)

        self.create_action('quit', self.exit_app, ['<primary>q'])
        self.create_action('preferences', self.on_preferences_action)

    def do_activate(self):
        win = self.props.active_window
        if not win:
            win = ExampleWindow(application=self)
        win.present()

    def do_startup(self):
        Gtk.Application.do_startup(self)

    def do_shutdown(self):
        Gtk.Application.do_shutdown(self)

    def on_preferences_action(self, action, param):
        print('Ação app.preferences foi ativa.')

    def exit_app(self, action, param):
        self.quit()

    def create_action(self, name, callback, shortcuts=None):
        action = Gio.SimpleAction.new(name, None)
        action.connect('activate', callback)
        self.add_action(action)
        if shortcuts:
            self.set_accels_for_action(f'app.{name}', shortcuts)


if __name__ == '__main__':
    import sys

    app = ExampleApplication()
    app.run(sys.argv)

Como resultado do código de exemplo temos:

Aplicativo GTK sendo executado no Chrome OS.

Perfeito, agora podemos iniciar o estudo deste fantástico toolkit gráfico.


Did you find this article valuable?

Support Renato Cruz by becoming a sponsor. Any amount is appreciated!