linux - 如何在 Ubuntu Unity 中获得扩展标题栏？

Question

Mozilla Firefox 和 Ubuntu 软件中心等应用程序能够将标题栏渐变向下扩展到其工具栏区域。示例如下:

如何在我的应用程序中实现相同的效果？

Answer 1

首先，您提到的两个应用程序是使用不同的工具包和技术构建的，因此采用不同的方法来完成您愿意做的事情。 Firefox 使用 XUL/GTK2，而 USC 使用 GTK3。我将解释这两种方法。

1. Ubuntu 软件中心是使用 GTK3 构建的，因此它的工具栏渐变是在主题 css 文件中定义的。实现这个的代码是

   /* primary-toolbar */
   .primary-toolbar,
   .primary-toolbar .toolbar,
   .primary-toolbar.toolbar {
   -GtkWidget-window-dragging: true;
   
   background-image: -gtk-gradient (linear, left top, left bottom,
                                    from (shade (@dark_bg_color, 0.96)),
                                    to (shade (@dark_bg_color, 1.4)));
   border-bottom-color: shade (@dark_bg_color, 1.1);
   border-top-color: shade (@dark_bg_color, 1.09);
   border-style: solid;
   border-width: 1px 0 1px 0;
   
   color: @dark_fg_color;
   text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
   
   box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);
   }
   

   为了在您的 gtk3 应用程序中使用它，您必须将类 primary-toolbar 分配给您的工具栏。有关这方面的适当文档，请查看 here .

2. Firefox 使用 XUL 构建，并使用 GTK2 在 GNU/Linux 发行版(例如 Ubuntu)上呈现小部件。 Firefox 的tab-bar 的样式来自相关主题的gtkrc 文件中定义的menubar 的外观定义。在默认主题Ambience的情况下，是

   style "menubar" = "dark" {
     engine "murrine" {
       textstyle = 2
       text_shade = 0.33
       gradient_shades = {1.0, 1.0, 1.0, 1.0}
       lightborder_shade = 1.0
     }
   }
   

可以通过不同的方法在其他工具包中实现效果，但建议您使用 gtk3 编写应用程序，以便使用原生样式。