首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在gtkmm3 / gtk3中以编程方式更改小部件预操作

在gtkmm3 / gtk3中以编程方式更改小部件预操作
EN

Stack Overflow用户
提问于 2017-10-27 22:07:47
回答 1查看 792关注 0票数 3

我已经开始将我的一些gtkmm2应用程序移植到gtkmm3上,并且我不清楚在应用程序中响应状态的变化而从应用程序中更改属性(如颜色)的正确机制。下面是一个简短的示例,说明了我试图实现的目标,即根据特定的定义状态,反演按钮图像和文本的颜色:

我创建了一个窗口(Gwin)并编写了一个简短的CSS字符串,该字符串足以在启动时定义小部件的起始状态:

代码语言:javascript
复制
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::按钮上操作的以下信号处理程序,该按钮已被mRunButton.set_name(“RunButton”)初始化:

代码语言:javascript
复制
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_方法。

谢谢你看这个问题。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-10-31 20:07:26

在对thisthis这样的问题进行了更多的研究之后,我找到了我认为正确的方法来做我需要的事情。

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

上述main()更新如下:

代码语言:javascript
复制
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),而不是作为ID (#RunButton)。

这将样式作为一个类添加到窗口小部件的上下文中,但尚未将其应用于任何东西。然后,在代码执行期间以编程方式并响应状态更改事件,通过添加和删除style属性类来更新小部件样式:

代码语言:javascript
复制
void GWin::onBtnLight(bool on)
{
   if(on)
   {
      mRunButton.get_style_context()->add_class("RunButton");
   }
   else
   {
      mRunButton.get_style_context()->remove_class("RunButton");
   }
}

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46984037

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档