Gtkmm3 :等待 css 过渡完成

Gtkmm3 : wait for css transition to finish

本文关键字:css 等待 Gtkmm3      更新时间:2023-10-16

我的问题与JavaScript无关,但C++:

在 gtkmm3 中,应用程序外观由 CSS 管理,因此可以像这样设置转换:

主题.css :

.purple {
transition: 500ms linear;
background-image: -gtk-gradient (radial,
    center center, 0,
    center center, 1,
    from (#FFB2E8),
    to (#80005A));
 }

main.cc :

   // Create and define the StyleContext
   CssProvider = Gtk::CssProvider::create();
   CssProvider->load_from_path (Glib::build_filename (UI_DIR, "theme.css"));
   Glib::RefPtr<Gtk::StyleContext> ButtonContext = button->get_style_context ();
   ButtonContext->add_provider (CssProvider,
                                GTK_STYLE_PROVIDER_PRIORITY_APPLICATION);
   // Assign new color
   ButtonContext->add_class ("purple");
   // Assign an intermediate color
   ButtonContext->remove_class ("purple");
   ButtonContexy->add_class ("green");
   // To something
   // ... ...
   // Change the color again
   ButtonContext->remove_class ("green");
   ButtonContext->add_class ("yellow")

使用此代码,用户只能看到按钮的"黄色"状态,而看不到以前的状态,因为跳过了过渡。如何一个接一个地显示所有颜色变化?

编辑:

我的应用程序是一个游戏,其中按钮根据其标签着色。这个标签可以非常紧密地多次更改,我希望用户看到这些更改,因此,看到每个状态之间的转换。所以,它不仅仅是一个flash(我的例子并不完美,如果你想要应用程序的整个代码,你可以在这里得到它)。

编辑2:

修改了上面的代码和下面的句子,以更好地解释我的问题。

您是否正在尝试使按钮短暂闪烁紫色?如果是这样,您可以使用 GLib::SignalTimeout 设置您希望按钮闪烁的正确时间量的超时。