web-dev-qa-db-fra.com

Comment appliquer un fond dégradé à GtkWidget dans GTK3?

Est-il possible d'utiliser un dégradé comme arrière-plan pour GtkWidget générique?

Question associée: Comment changer l’arrière-plan de GtkWidget dans GTK3?

application-developmentgtk3pygtk
5
int_ua

Sûr que vous pouvez!

ugly gradient widget

Gtk3 permet de thématiser en utilisant CSS. Voici un exemple rapide que j'ai rassemblé en Python:

#!/usr/bin/python3
from gi.repository import Gtk, Gdk

button = Gtk.Button("Click Me")
grid = Gtk.Grid()
grid.add(button)
window = Gtk.Window()
window.set_size_request(200, 50)
window.add(grid)

css_provider = Gtk.CssProvider()
css = """
 .button {
      background-image: -gtk-gradient (linear,
                                       left top,
       left bottom,
       from (#d0e4f7),
       color-stop (0.5, darker (#d0e4f7)),
       to (#fdffff));
    }
"""

css_provider.load_from_data(css.encode('UTF-8'))
screen = Gdk.Screen.get_default()
style_context = window.get_style_context()
style_context.add_provider_for_screen(screen, css_provider,
                                          Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)

window.connect('delete-event', Gtk.main_quit)
window.show_all()
Gtk.main()

Carlos Garnacho a n excellent article sur GNOME Journal qui rentre dans les détails.

2
andrewsomething