GtkDrawingArea запутывается при изменении размера

Question

Я работаю над GTK+ фронтенд для libvlc в python с помощью python-vlc, До сих пор я следовал этому руководству, которое работает нормально, за исключением того, что при изменении размера окна DrawingArea запутывается, как вы можете видеть на картинке (вероятно, есть слово для этого явления, которого я не знаю).

---

---

Я получаю эти предупреждения в консоли, но не уверен, что это связано:

[00007fce1c014eb0] main filter error: Failed to create video converter
[00007fce2807ff70] vdpau_avcodec generic error: Xlib is required for VDPAU

Я уже пытался установить цвет фона окна, используя css стайлинг для GTK+ но это не имело никакого эффекта.

Я думаю, этого не должно быть, я что-то упустил? Я на wayland Кстати.

Answer 1

Используя Google и проверяя различные примеры, я создал код, который заполняет фон DrawingArea с черным цветом.

Назначить функцию рисования DrawingArea

self.draw_area = Gtk.DrawingArea()
self.draw_area.connect("draw", self.da_draw_event)

Функция, которая заполняет область

def da_draw_event(self, widget, cairo_ctx):
    cairo_ctx.set_source_rgb(0, 0, 0)
    cairo_ctx.paint()

---

Полный код

import sys
import gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk
gi.require_version('GdkX11', '3.0')
from gi.repository import GdkX11

import vlc

MRL = ""

class ApplicationWindow(Gtk.Window):

    def __init__(self):
        Gtk.Window.__init__(self, title="Python-Vlc Media Player")
        self.player_paused=False
        self.is_player_active = False
        self.connect("destroy", Gtk.main_quit)

    def show(self):
        self.show_all()

    def setup_objects_and_events(self):
        self.playback_button = Gtk.Button()
        self.stop_button = Gtk.Button()

        self.play_image = Gtk.Image.new_from_icon_name(
                "gtk-media-play",
                Gtk.IconSize.MENU
            )
        self.pause_image = Gtk.Image.new_from_icon_name(
                "gtk-media-pause",
                Gtk.IconSize.MENU
            )
        self.stop_image = Gtk.Image.new_from_icon_name(
                "gtk-media-stop",
                Gtk.IconSize.MENU
            )

        self.playback_button.set_image(self.play_image)
        self.stop_button.set_image(self.stop_image)

        self.playback_button.connect("clicked", self.toggle_player_playback)
        self.stop_button.connect("clicked", self.stop_player)

        self.draw_area = Gtk.DrawingArea()
        self.draw_area.set_size_request(300, 300)
        self.draw_area.connect("realize",self._realized)
        self.draw_area.connect("draw", self.da_draw_event)

        self.hbox = Gtk.Box(spacing=6)
        self.hbox.pack_start(self.playback_button, True, True, 0)
        self.hbox.pack_start(self.stop_button, True, True, 0)

        self.vbox = Gtk.Box(orientation=Gtk.Orientation.VERTICAL)
        self.add(self.vbox)
        self.vbox.pack_start(self.draw_area, True, True, 0)
        self.vbox.pack_start(self.hbox, False, False, 0)

    def da_draw_event(self, widget, cairo_ctx):
        #print('da_draw_event')
        #print('widget:', widget)
        #print('cairo_ctx:', cairo_ctx)

        cairo_ctx.set_source_rgb(0, 0, 0)
        cairo_ctx.paint()

    def stop_player(self, widget, data=None):
        self.player.stop()
        self.is_player_active = False
        self.playback_button.set_image(self.play_image)

    def toggle_player_playback(self, widget, data=None):

        """
        Handler for Player's Playback Button (Play/Pause).
        """

        if self.is_player_active == False and self.player_paused == False:
            self.player.play()
            self.playback_button.set_image(self.pause_image)
            self.is_player_active = True

        elif self.is_player_active == True and self.player_paused == True:
            self.player.play()
            self.playback_button.set_image(self.pause_image)
            self.player_paused = False

        elif self.is_player_active == True and self.player_paused == False:
            self.player.pause()
            self.playback_button.set_image(self.play_image)
            self.player_paused = True
        else:
            pass

    def _realized(self, widget, data=None):
        self.vlcInstance = vlc.Instance("--no-xlib")
        self.player = self.vlcInstance.media_player_new()
        win_id = widget.get_window().get_xid()
        self.player.set_xwindow(win_id)
        self.player.set_mrl(MRL)
        self.player.play()
        self.playback_button.set_image(self.pause_image)
        self.is_player_active = True

if __name__ == '__main__':
    if not sys.argv[1:]:
       print("Exiting \nMust provide the MRL.")
       sys.exit(1)
    if len(sys.argv[1:]) == 1:
        MRL = sys.argv[1]
        window = ApplicationWindow()
        window.setup_objects_and_events()
        window.show()
        Gtk.main()
        window.player.stop()
        window.vlcInstance.release()

Answer 2

Как отметил @furas в комментариях, постоянно рисуя черный прямоугольник на DrawingArea работает очень хорошо. Я использую следующий код внутри widget что происходит от Gtk.DrawingArea:

def draw(self, c, *args):
    rect = self.get_allocation()
    win = self.get_window().get_position()
    c.set_source_rgb(0, 0, 0)
    c.rectangle(rect.x - win.x, rect.y - win.y, rect.width, rect.height)
    c.fill()
self.connect("draw", draw)

Изменить: см. Ответ @furas для еще более простого подхода.