web-dev-qa-db-ja.com

インラインGtkToolbarの背景のグラデーションを取り除く方法は?

以下のコードを実行すると、ウィンドウにインラインツールバーが表示されます。インラインツールバーに際立った背景があることに注目してください。 CSSを適用してそれを取り除き、通常のウィンドウの色とブレンドする方法はありますか?

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

button_names = [Gtk.STOCK_ABOUT, Gtk.STOCK_ADD, Gtk.STOCK_REMOVE, Gtk.STOCK_QUIT]
buttons = [Gtk.ToolButton.new_from_stock(name) for name in button_names]
toolbar = Gtk.Toolbar()
toolbar.set_show_arrow(False)
for button in buttons:
    toolbar.insert(button, -1)
style_context = toolbar.get_style_context()
style_context.add_class(Gtk.STYLE_CLASS_INLINE_TOOLBAR)
grid = Gtk.Grid()
grid.add(toolbar)
label = Gtk.Label()
grid.add(label)
window = Gtk.Window()
window.set_size_request(200, 50)
window.add(grid)
window.connect('delete-event', Gtk.main_quit)
window.show_all()
Gtk.main()

アンドリューサムのコードを使用すると、見栄えが良くなり始めていますが、「境界線」はまだ存在し、スペースを占有します。下のスクリーンショットでは、左側のツールバーが右側の通常のボタンよりも小さいことに注意してください。 ubiquity testing

6
Dima

さあ行こう:

example screenshot

最初に、現在のテーマのデフォルトの背景色を見つける必要があります。次に、GtkToolbarクラスの現在のcssにそれを注入できます。

# Get the default window background color for the the current theme.
win_style_context = window.get_style_context()
bg = win_style_context.lookup_color('theme_bg_color')[1].to_string()

# Then we set that as the background for GtkToolbar
# We also make the boarder transparent
css_provider = Gtk.CssProvider()
toolbar_css = ".inline-toolbar.toolbar { background: %s; border-color: transparent; }" % (bg)
css_provider.load_from_data(toolbar_css.encode('UTF-8'))
screen = Gdk.Screen.get_default()
win_style_context.add_provider_for_screen(screen, css_provider,
                                          Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)

from gi.repository import Gdkする必要があることに注意してください

11
andrewsomething

以下も使用できます。

css_provider = Gtk.CssProvider()
toolbar_css = ".inline-toolbar { background: alpha (@base_color, 0.0); border-color: transparent; }"
css_provider.load_from_data(toolbar_css.encode('UTF-8'))
win_style_context.add_provider(css_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)
0
aleb