如何使gtkmm 4中ToggleButton的子类外观与Notebook标签一致？

嗨，我来帮你搞定这个问题！你已经找对了关键线索——绝大多数GTK主题确实依赖notebook > header > tabs > tab这个CSS选择器来定义Notebook标签的样式。要让你的ToggleButton子类自动适配当前主题的标签外观，不用硬写任何和特定主题绑定的规则，这里有两个实用的方法：

• 方法一：模拟Notebook标签的CSS类层级
  主题的样式规则是基于Widget的CSS类和层级关系生效的，所以你可以让你的ToggleButton子类对齐Notebook标签的CSS上下文：

  1. 在你的ToggleButton子类的构造函数里，给它添加tab这个核心CSS类，这是Notebook标签的基础类：

     MyCustomToggleButton::MyCustomToggleButton()
     {
         add_css_class("tab");
     }
     

  2. 把这个自定义ToggleButton放在一个带有tabs类的容器（比如Gtk::Box）中，再将这个容器嵌套进带有header类的容器里。这样主题里针对header > tabs > tab的样式就会自动应用到你的按钮上，完美匹配当前主题的视觉风格。

• 方法二：用自定义CSS直接继承标签样式
  如果不想调整容器结构，你可以写一小段轻量的自定义CSS，让你的ToggleButton直接继承Notebook标签的所有样式，包括选中状态：

  1. 先给你的ToggleButton子类同时添加自定义类和tab类：

     MyCustomToggleButton::MyCustomToggleButton()
     {
         add_css_class("notebook-tab-button");
         add_css_class("tab");
     }
     

  2. 然后加载这段自定义CSS代码，利用GTK CSS的@extend规则继承现有样式：

     .notebook-tab-button {
         @extend notebook > header > tabs > tab;
     }
     .notebook-tab-button:active {
         @extend notebook > header > tabs > tab:selected;
     }
     

  这段代码会让你的按钮自动继承当前主题中Notebook标签的默认样式，以及选中状态下的特殊样式，完全不用关心用户正在使用的是哪款主题。

需要注意的是，GTK 4的CSS完全支持@extend规则，这是实现主题适配最优雅的方式，避免了硬编码颜色、边距这类主题专属属性的麻烦。

内容来源于stack exchange