在gtkm3/gtk3中以编程方式更改小部件的属性

Question

我已经开始将我的一些gtkmm2应用程序移植到gtkmm3，我不清楚从应用程序内更改小部件属性(如颜色)以响应状态更改的正确机制。下面是一个简短的例子，说明了我试图实现的目标，即根据一些定义的状态反转按钮图像和文本的颜色：

我创建了一个窗口(Gwin)，并硬编码了一个短的CSS字符串，该字符串足以在启动时定义小部件的开始状态：

int main(int argc, char *argv[])
{
try
{
Gtk::Main *kit(new Gtk::Main(argc, argv));
GWin *dl(new GWin(sdi, argc, argv));
auto screen = dl->get_screen();
Glib::RefPtr<Gtk::CssProvider> css(Gtk::CssProvider::create());
Glib::RefPtr<Gtk::StyleContext> style(dl->get_style_context());
Glib::ustring theme(
"@define-color bg rgb(57.64%, 48.62%, 36.47%);"
"@define-color BtnBg rgb(23.13%, 19.60%, 16.07%);"
".background { background-color: @bg; }"
"button"
"{"
"   background-image:image(@BtnBg);"
"   border-color: @bg;"
"   color: rgb(80.%, 80.%, 80.%);"
"   padding-left: 4px;"
"   padding-right: 4px;"
"}"
"button:hover"
"{"
"   background-image:image(rgb(77%, 81%, 84%));"
"   color: rgb(0.%, 0.%, 0.%);"
"}"
"#LSK0 { background-image: image(@bg); border-color:@bg }"
"#RSK0 { background-image: image(@bg); border-color:@bg }"
);
css->load_from_data(theme);
style->add_provider_for_screen(screen, css, GTK_STYLE_PROVIDER_PRIORITY_APPLICATION);

dl->Run();
delete kit;
}
catch(const std::string &e)
{
std::cout << "ERROR: GWin now exits:n" << e << std::endl;
}
return(0);
}

现在在GWin类中，相关的代码是以下信号处理程序，它对mRunButton Gtk:：Button进行操作，该信号处理程序已用mRunButton.set_name("RunButton")初始化：

void GCDU::onBtnLight(bool on)
{
// The GTK3 code
Glib::RefPtr<Gtk::CssProvider> css(Gtk::CssProvider::create());
Glib::RefPtr<Gtk::StyleContext> style(mRunButton.get_style_context());
Glib::ustring theme(on ?
"#RunButton { background-image: image(rgb(80%, 80%, 80%); color: rgb(0.%, 0.%, 0.%); }"
:
"#RunButton { background-image: image(rgb(23.13%, 19.60%, 16.07%)); color: rgb(80.%, 80.%, 80.%); }"
);
css->load_from_data(theme);
style->add_provider(css, GTK_STYLE_PROVIDER_PRIORITY_APPLICATION);
// The old GTK2 code
//Gdk::Color c(mButtonBG);
//Gdk::Color f;
//if(on)
//{
//   c.set("white");
//   f.set("black");
//}
//else
//{
//   f.set("white");
//}
//mRunButton.modify_bg(Gtk::STATE_NORMAL, c);
//mRunButton.get_child()->modify_fg(Gtk::STATE_NORMAL, f);
}

我四处搜索了一下，但大多数问题及其答案似乎仅限于在运行开始时为主题设置一次样式属性，或者使用现在不推荐使用的override_方法。

谢谢你看这个问题。

Answer 1

好吧，在对这个和这个等问题进行了更多的研究后，我发现了我认为做我需要的事情的正确方法。

基本上定义小部件样式在向窗口添加CSS提供程序时将保持的状态的属性：

从上面有问题的main()更新：

Glib::ustring theme(
"@define-color bg rgb(57.64%, 48.62%, 36.47%);"
"@define-color BtnBg rgb(23.13%, 19.60%, 16.07%);"
".background { background-color: @bg; }"
"button"
"{"
"   background-image:image(@BtnBg);"
"   border-color: @bg;"
"   color: rgb(80.%, 80.%, 80.%);"
"   padding-left: 4px;"
"   padding-right: 4px;"
"}"
"button:hover"
"{"
//"   background-image:image(rgb(77%, 81%, 84%));"
"   background-image:image(#FF4300);"
"   color: rgb(100.%, 100.%, 100.%);"
"}"
"#LSK0 { background-image: image(@bg); border-color: @bg }"
"#RSK0 { background-image: image(@bg); border-color: @bg }"
".RunButton { background-image: image(rgb(80%, 80%, 80%)); color: rgb(0.%, 0.%, 0.%); }"
);

还要注意，"RunButton"样式的属性现在被列为一个类(.RunButton)，NOT被列为ID(#RunButton)。

这将样式作为类添加到窗口小部件的上下文中，但尚未将其应用于任何内容。然后，在代码执行过程中，为了响应状态更改事件，通过添加和删除样式属性类来以编程方式更新小部件样式：

void GWin::onBtnLight(bool on)
{
if(on)
{
mRunButton.get_style_context()->add_class("RunButton");
}
else
{
mRunButton.get_style_context()->remove_class("RunButton");
}
}

现在，小部件上的按钮和标签颜色在RunButton样式类和默认样式类之间切换。