Поиск по сайту:

Создайте свой собственный веб-браузер и приложение для записи на рабочий стол с помощью PyGobject. Часть 3.

Это третья часть серии о создании приложений с графическим интерфейсом для рабочего стола Linux с использованием PyGObject. Сегодня мы поговорим об использовании некоторых расширенных модулей и библиотек Python в наших программах, таких как «os», «WebKit», «requests» и другие, а также другую полезную информацию для программирования.

Требования

Вам необходимо пройти все предыдущие части серии отсюда, чтобы продолжить дальнейшие инструкции по созданию более продвинутых приложений:

  1. Создание приложений с графическим интерфейсом на рабочем столе Linux с использованием PyGObject — часть 1
  2. Создание расширенных приложений PyGobject в Linux – часть 2

Модули и библиотеки в Python очень полезны: вместо написания множества подпрограмм для выполнения сложной работы, которая потребует много времени и усилий, вы можете просто импортировать их! Да, просто импортируйте необходимые вам модули и библиотеки в вашу программу, и вы сможете сэкономить много времени и усилий для завершения своей программы.

Для Python существует множество известных модулей, которые вы можете найти в указателе модулей Python.

Вы также можете импортировать библиотеки для своей программы Python: из «gi.repository import Gtk» эта строка импортирует библиотеку GTK в программу Python, существует множество других библиотек, таких как Gdk, WebKit и т. д.

Создание приложений с расширенным графическим интерфейсом

Сегодня мы создадим 2 программы:

  1. Простой веб-браузер; который будет использовать библиотеку WebKit.
  2. Настольный рекордер с использованием команды «avconv»; который будет использовать модуль «os» из Python.

Я не буду в дальнейшем объяснять, как перетаскивать виджеты в конструкторе Glade, я просто скажу вам названия виджетов, которые вам нужно создать, дополнительно дам вам .glade для каждой программы и обязательно файл Python.

Создание простого веб-браузера

Чтобы создать веб-браузер, нам придется использовать механизм «WebKit», который представляет собой механизм рендеринга с открытым исходным кодом для Интернета, тот же самый, который используется в Chrome/Chromium, дополнительную информацию о нем можно найти на официальном сайте Webkit.org.

Сначала нам нужно создать графический интерфейс, открыть дизайнер Glade и добавить следующие виджеты. Для получения дополнительной информации о том, как создавать виджеты, следуйте Части 1 и Части 2 этой серии (ссылки приведены выше).

  1. Создайте виджет «window1».
  2. Создайте виджеты «box1» и «box2».
  3. Создайте виджеты «button1» и «button2».
  4. Создайте виджет «entry1».
  5. Создайте виджет «прокручиваемое окно1».

После создания виджетов вы получите следующий интерфейс.

Здесь нет ничего нового, кроме виджета «Прокручиваемое окно»; этот виджет важен для того, чтобы в него можно было внедрить движок WebKit. С помощью виджета «Прокручиваемое окно» вы также сможете прокручивать по горизонтали и вертикали, пока вы просматривать веб-сайты.

Теперь вам нужно будет добавить обработчик «backbutton_clicked» к сигналу кнопки Назад «clicked», «refreshbutton_clicked». обработчик кнопки «Обновить» «нажатый сигнал» и «enterkey_clicked» обработчик «активированный» для записи.

Полный файл .glade для интерфейса находится здесь.

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.16.1 -->
<interface>
  <requires lib="gtk+" version="3.10"/>
  <object class="GtkWindow" id="window1">
    <property name="can_focus">False</property>
    <property name="title" translatable="yes">Our Simple Browser</property>
    <property name="window_position">center</property>
    <property name="default_width">1000</property>
    <property name="default_height">600</property>
    <property name="icon_name">applications-internet</property>
    <child>
      <object class="GtkBox" id="box1">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <property name="orientation">vertical</property>
        <child>
          <object class="GtkBox" id="box2">
            <property name="visible">True</property>
            <property name="can_focus">False</property>
            <child>
              <object class="GtkButton" id="button1">
                <property name="label">gtk-go-back</property>
                <property name="visible">True</property>
                <property name="can_focus">True</property>
                <property name="receives_default">True</property>
                <property name="relief">half</property>
                <property name="use_stock">True</property>
                <property name="always_show_image">True</property>
                <signal name="clicked" handler="backbutton_clicked" swapped="no"/>
              </object>
              <packing>
                <property name="expand">False</property>
                <property name="fill">True</property>
                <property name="position">0</property>
              </packing>
            </child>
            <child>
              <object class="GtkButton" id="button2">
                <property name="label">gtk-refresh</property>
                <property name="visible">True</property>
                <property name="can_focus">True</property>
                <property name="receives_default">True</property>
                <property name="relief">half</property>
                <property name="use_stock">True</property>
                <property name="always_show_image">True</property>
                <signal name="clicked" handler="refreshbutton_clicked" swapped="no"/>
              </object>
              <packing>
                <property name="expand">False</property>
                <property name="fill">True</property>
                <property name="position">1</property>
              </packing>
            </child>
            <child>
              <object class="GtkEntry" id="entry1">
                <property name="visible">True</property>
                <property name="can_focus">True</property>
                <signal name="activate" handler="enterkey_clicked" swapped="no"/>
              </object>
              <packing>
                <property name="expand">True</property>
                <property name="fill">True</property>
                <property name="position">2</property>
              </packing>
            </child>
          </object>
          <packing>
            <property name="expand">False</property>
            <property name="fill">True</property>
            <property name="position">0</property>
          </packing>
        </child>
        <child>
          <object class="GtkScrolledWindow" id="scrolledwindow1">
            <property name="visible">True</property>
            <property name="can_focus">True</property>
            <property name="hscrollbar_policy">always</property>
            <property name="shadow_type">in</property>
            <child>
              <placeholder/>
            </child>
          </object>
          <packing>
            <property name="expand">True</property>
            <property name="fill">True</property>
            <property name="position">1</property>
          </packing>
        </child>
      </object>
    </child>
  </object>
</interface>

Теперь скопируйте приведенный выше код и вставьте его в файл «ui.glade» в вашей домашней папке. Теперь создайте новый файл с именем «mywebbrowser.py» и введите в него следующий код, все объяснения находятся в комментариях.

#!/usr/bin/python 
-*- coding: utf-8 -*- 

## Here we imported both Gtk library and the WebKit engine. 
from gi.repository import Gtk, WebKit 

class Handler: 
  
  def backbutton_clicked(self, button): 
  ## When the user clicks on the Back button, the '.go_back()' method is activated, which will send the user to the previous page automatically, this method is part from the WebKit engine. 
    browserholder.go_back() 

  def refreshbutton_clicked(self, button): 
  ## Same thing here, the '.reload()' method is activated when the 'Refresh' button is clicked. 
    browserholder.reload() 
    
  def enterkey_clicked(self, button): 
  ## To load the URL automatically when the "Enter" key is hit from the keyboard while focusing on the entry box, we have to use the '.load_uri()' method and grab the URL from the entry box. 
    browserholder.load_uri(urlentry.get_text()) 
    
## Nothing new here.. We just imported the 'ui.glade' file. 
builder = Gtk.Builder() 
builder.add_from_file("ui.glade") 
builder.connect_signals(Handler()) 

window = builder.get_object("window1") 

## Here's the new part.. We created a global object called 'browserholder' which will contain the WebKit rendering engine, and we set it to 'WebKit.WebView()' which is the default thing to do if you want to add a WebKit engine to your program. 
browserholder = WebKit.WebView() 

## To disallow editing the webpage. 
browserholder.set_editable(False) 

## The default URL to be loaded, we used the 'load_uri()' method. 
browserholder.load_uri("https://linux-console.net") 

urlentry = builder.get_object("entry1") 
urlentry.set_text("https://linux-console.net") 

## Here we imported the scrolledwindow1 object from the ui.glade file. 
scrolled_window = builder.get_object("scrolledwindow1") 

## We used the '.add()' method to add the 'browserholder' object to the scrolled window, which contains our WebKit browser. 
scrolled_window.add(browserholder) 

## And finally, we showed the 'browserholder' object using the '.show()' method. 
browserholder.show() 
 
## Give that developer a cookie ! 
window.connect("delete-event", Gtk.main_quit) 
window.show_all() 
Gtk.main()

Сохраните файл и запустите его.

chmod 755 mywebbrowser.py
./mywebbrowser.py

И это то, что вы получите.

Вы можете обратиться к официальной документации WebKitGtk, чтобы узнать больше возможностей.

Создание простого настольного рекордера

В этом разделе мы узнаем, как запускать локальные системные команды или сценарии оболочки из файла Python с помощью модуля «os», который поможет нам создать простое средство записи экрана для рабочего стола с помощью Команда 'avconv'.

Откройте конструктор Glade и создайте следующие виджеты:

  1. Создайте виджет «window1».
  2. Создайте виджет «box1».
  3. Создайте виджеты «button1», «button2» и «button3».
  4. Создайте виджет «entry1».

После создания вышеупомянутых виджетов вы получите интерфейс ниже.

Вот полный файл ui.glade.

<?xml version="1.0" encoding="UTF-8"?> 
<!-- Generated with glade 3.16.1 --> 
<interface> 
  <requires lib="gtk+" version="3.10"/> 
  <object class="GtkWindow" id="window1"> 
    <property name="can_focus">False</property> 
    <property name="title" translatable="yes">Our Simple Recorder</property> 
    <property name="window_position">center</property> 
    <property name="default_width">300</property> 
    <property name="default_height">30</property> 
    <property name="icon_name">applications-multimedia</property> 
    <child> 
      <object class="GtkBox" id="box1"> 
        <property name="visible">True</property> 
        <property name="can_focus">False</property> 
        <child> 
          <object class="GtkEntry" id="entry1"> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
          </object> 
          <packing> 
            <property name="expand">False</property> 
            <property name="fill">True</property> 
            <property name="position">0</property> 
          </packing> 
        </child> 
        <child> 
          <object class="GtkButton" id="button1"> 
            <property name="label">gtk-media-record</property> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
            <property name="receives_default">True</property> 
            <property name="use_stock">True</property> 
            <property name="always_show_image">True</property> 
            <signal name="clicked" handler="recordbutton" swapped="no"/> 
          </object> 
          <packing> 
            <property name="expand">True</property> 
            <property name="fill">True</property> 
            <property name="position">1</property> 
          </packing> 
        </child> 
        <child> 
          <object class="GtkButton" id="button2"> 
            <property name="label">gtk-media-stop</property> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
            <property name="receives_default">True</property> 
            <property name="use_stock">True</property> 
            <property name="always_show_image">True</property> 
            <signal name="clicked" handler="stopbutton" swapped="no"/> 
          </object> 
          <packing> 
            <property name="expand">True</property> 
            <property name="fill">True</property> 
            <property name="position">2</property> 
          </packing> 
        </child> 
        <child> 
          <object class="GtkButton" id="button3"> 
            <property name="label">gtk-media-play</property> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
            <property name="receives_default">True</property> 
            <property name="use_stock">True</property> 
            <property name="always_show_image">True</property> 
            <signal name="clicked" handler="playbutton" swapped="no"/> 
          </object> 
          <packing> 
            <property name="expand">True</property> 
            <property name="fill">True</property> 
            <property name="position">3</property> 
          </packing> 
        </child> 
      </object> 
    </child> 
  </object> 
</interface>

Как обычно, скопируйте приведенный выше код и вставьте его в файл «ui.glade» в своем домашнем каталоге, создайте новый файл «myrecorder.py» и введите следующее код внутри него (каждая новая строка объясняется в комментариях).

#!/usr/bin/python 
-*- coding: utf-8 -*- 

## Here we imported both Gtk library and the os module. 
from gi.repository import Gtk 
import os 
        
class Handler: 
  def recordbutton(self, button): 
    ## We defined a variable: 'filepathandname', we assigned the bash local variable '$HOME' to it + "/" + the file name from the text entry box. 
    filepathandname = os.environ["HOME"] + "/" + entry.get_text() 
    
    ## Here exported the 'filepathandname' variable from Python to the 'filename' variable in the shell. 
    os.environ["filename"] = filepathandname 
    
    ## Using 'os.system(COMMAND)' we can execute any shell command or shell script, here we executed the 'avconv' command to record the desktop video & audio. 
    os.system("avconv -f x11grab -r 25 -s `xdpyinfo | grep 'dimensions:'|awk '{print $2}'` -i :0.0 -vcodec libx264 -threads 4 $filename -y & ") 
    
    
  def stopbutton(self, button): 
    ## Run the 'killall avconv' command when the stop button is clicked. 
    os.system("killall avconv") 
    
  def playbutton(self, button): 
  ## Run the 'avplay' command in the shell to play the recorded file when the play button is clicked. 
    os.system("avplay $filename &") 
    
    
## Nothing new here.. We just imported the 'ui.glade' file. 
builder = Gtk.Builder() 
builder.add_from_file("ui.glade") 
builder.connect_signals(Handler()) 

window = builder.get_object("window1") 
entry = builder.get_object("entry1") 
entry.set_text("myrecording-file.avi") 

## Give that developer a cookie ! 
window.connect("delete-event", Gtk.main_quit) 
window.show_all() 
Gtk.main()

Теперь запустите файл, применив следующие команды в терминале.

chmod 755 myrecorder.py
./myrecorder.py

И вы получили свой первый настольный диктофон.

Дополнительную информацию о модуле «os» можно найти в библиотеке ОС Python.

И все, создавать приложения для рабочего стола Linux с помощью PyGObject несложно, вам просто нужно создать графический интерфейс, импортировать некоторые модули и связать файл Python с графическим интерфейсом, ни больше, ни меньше. На веб-сайте PyGObject есть много полезных руководств по этому поводу:

Пробовали ли вы создавать приложения с помощью PyGObject? Что вы думаете об этом? Какие приложения вы разрабатывали раньше?