web-dev-qa-db-ja.com

GTK3でGtkWidgetにグラデーション背景を適用する方法は？

汎用GtkWidgetの背景としてグラデーションを使用することは可能ですか？

関連質問： GTK3でGtkWidgetの背景を変更するには？

application-developmentgtk3pygtk
5
int_ua

もちろんできます！

ugly gradient widget

Gtk3では、CSSを使用したテーマ設定が可能です。 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には GNOME Journalのすばらしい記事 があり、詳細を説明しています。

2
andrewsomething