Xfce Wiki

Sub domains
 

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Next revisionBoth sides next revision
zh-cn:howto:xfwm4_theme [2012/04/29 07:32] – [标题栏装饰] haobugzh-cn:howto:xfwm4_theme [2013/04/21 11:43] – [GTK 颜色 pickup] haobug
Line 4: Line 4:
 ===== 介绍 ===== ===== 介绍 =====
  
-Xfwm4，Xfce4 的原生的窗口管理器，使用一种简单而灵活基于像素图的主题引擎，它用 .xpm 格式的图像。Xfwm4 还使用一个文本文件，配置其他选项（见 themerc 节）。此外，你还可以选用 gtk 主题颜色，这将文档在 gtk 颜色一节提到。+Xfwm4 是 Xfce4 的原生的窗口管理器，它使用一种简单而灵活基于像素图的主题引擎，使用 .xpm 格式的图像。Xfwm4 还使用一个文本文件，配置其他选项（见 themerc 小节）。此外，你还可以选用 gtk 主题颜色，这将文档在 gtk 颜色小节说到。
  
 {{ howto:xfwm4:xfwm4-window.gif |图 1 - 一个示例窗口}} {{ howto:xfwm4:xfwm4-window.gif |图 1 - 一个示例窗口}}
Line 10: Line 10:
 ===== 主题的存放位置 ===== ===== 主题的存放位置 =====
  
-在 Xfwm4 4.0 版本中，主题搜索在下列目录：+在 Xfwm4 版本 4.0 中，主题搜索在下列目录：
  
     * 用户主目录/.themes/xfwm4/theme_name（例如: ''/home/joe/.themes/xfwm4/b5''）     * 用户主目录/.themes/xfwm4/theme_name（例如: ''/home/joe/.themes/xfwm4/b5''）
     * 系统共享数据目录/xfwm4/theme_name（例如: ''/usr/share/xfwm4/themes/b5''）     * 系统共享数据目录/xfwm4/theme_name（例如: ''/usr/share/xfwm4/themes/b5''）
  
-在 Xfwm 4.2 版本中，主题的存放位置是符合标准的，在下列目录搜索： +在 Xfwm 版本 4.2 中，主题的存放位置是符合标准的，在下列目录搜索： 
-    * 用户主目录/.themes/theme_name/xfwm4（例如："/home/joe/.themes/b5/xfwm4"） +    * 用户主目录/.themes/theme_name/xfwm4（例如：''/home/joe/.themes/b5/xfwm4''） 
-    * 系统共享数据目录/themes/theme_name/xfwm4（例如："/usr/share/themes/b5/xfwm4"）+    * 系统共享数据目录/themes/theme_name/xfwm4（例如：''/usr/share/themes/b5/xfwm4''）
  
  
-===== 标题栏装饰 =====+===== 标题栏修饰 =====
  
 因为窗口可以处于激活的((获得焦点))或者非激活((失去焦点))两种状态。所以 xfwm4 使用相应命名的像素图，例如，title-1-active.xpm 或者 title-1-inactive.xpm。 因为窗口可以处于激活的((获得焦点))或者非激活((失去焦点))两种状态。所以 xfwm4 使用相应命名的像素图，例如，title-1-active.xpm 或者 title-1-inactive.xpm。
  
-对于标题栏的装饰，xfwm4 使用5张名为 title-1-active.xpm 到 title-5-active.xpm 的像素图以及 top-left-active.xpm 和  top-right-active.xpm 组成两端的角如下图所示。+对于标题栏的修饰，xfwm4 使用 5 张名为 title-1-active.xpm 到 title-5-active.xpm 的像素图以及 top-left-active.xpm 和  top-right-active.xpm 组成两端的角如下图所示。
  
 {{ howto:xfwm4:xfwm4-window-pixmaps.gif |图 2 - 构成整个窗口的像素图}} {{ howto:xfwm4:xfwm4-window-pixmaps.gif |图 2 - 构成整个窗口的像素图}}
  
-非激活 xfwm4 窗口像素图使用一样的命名约定，只是词换为 inactive；例如，title-1-inactive.xpm。+非激活 xfwm4 窗口像素图使用一样的命名约定，只是单词换为 inactive；例如，title-1-inactive.xpm。
  
-标题文字的颜色和阴影选项，对齐方式等在 themerc 文件中设置（在themerc节详述）。+标题文字的颜色和阴影选项，对齐方式等在 themerc 文件中设置（在 themerc 小节详述）。
  
 ===== 窗口侧边和底部 ===== ===== 窗口侧边和底部 =====
Line 36: Line 36:
 每一个窗口的侧边由两个像素图构成。左侧边的像素图叫 left-active.xpm 和 bottom-left-active.xpm 。右侧边（当然）也就是由  right-active.xpm 和 bottom-right.active.xpm 构成。 每一个窗口的侧边由两个像素图构成。左侧边的像素图叫 left-active.xpm 和 bottom-left-active.xpm 。右侧边（当然）也就是由  right-active.xpm 和 bottom-right.active.xpm 构成。
  
-窗口底部的控制条由 bottom-active.xpm 和 bottom-inactive.xpm 构成；当改变窗口大小时它们会被重复来填充窗口。+窗口底部的控制条由 bottom-active.xpm 和 bottom-inactive.xpm 构成；当窗口大小改变时它们会被重复填充。
  
-N.B 这些像素图也构成鼠标控制柄，当你考虑它们需要多少像素宽度时，请记得这点（特别是左下和右下像素图，它们构成窗口主要的缩放控制柄）。+注意：这些像素图也构成鼠标控制柄，当你决定它们需要多少像素宽度时，请记住这一点（特别是左下和右下像素图，它们构成窗口主要的缩放控制柄）。
  
-**Xfwm4 按钮**+===== Xfwm4 按钮 =====
  
-xfwm4可以使用6个动作按钮 - 粘附（粘滞窗口），菜单，折叠，隐藏，最大化和关闭。 +xfwm4 最多可以使用 6 种动作按钮 —— stick(sticky 窗口)，菜单，折叠，隐藏，最大化和关闭。
- +
-按钮有激活的((获得焦点))或者非激活((失去焦点))和按下三种状态。如下图所示：+
  
 +按钮有激活的((获得焦点))或者非激活((失去焦点))和按下三种状态。如图 3 所示：
 +AbiWord 图片 menu-active.gif AbiWord 图片 menu-inactive.gif AbiWord 图片 image_2.gif
 ^ 图 3 - Xfwm4 按钮状态 ^ ^ 图 3 - Xfwm4 按钮状态 ^
 |  {{howto:xfwm4:image_2.gif}} {{howto:xfwm4:menu-inactive.gif}} {{howto:xfwm4:menu-active.gif}}   |   |  {{howto:xfwm4:image_2.gif}} {{howto:xfwm4:menu-inactive.gif}} {{howto:xfwm4:menu-active.gif}}   |  
  
-Xfwm4 也使用“切换”按钮，来指示按钮是不被切换 —— 见图4+Xfwm4 也使用''切换''按钮，来指示按钮是否被切换 —— 见图4 AbiWord 图片 stick-active.gif AbiWord 图片 stick-inactive.gif AbiWord 图片 stick-pressed.gif AbiWord 图片 stick-toggled-active.gif AbiWord 图片 image_3.gif AbiWord 图片 stick-toggled-pressed.gif
  
 ^ 图 4 - 带额外切换按钮的粘附按钮 ^^ ^ 图 4 - 带额外切换按钮的粘附按钮 ^^
-|   {{howto:xfwm4:stick-active.gif|AbiWord 图片 stick-active.gif}} {{howto:xfwm4:stick-inactive.gif|AbiWord 图片 stick-inactive.gif}} {{howto:xfwm4:stick-pressed.gif|AbiWord 图片 stick-pressed.gif }}   |    {{howto:xfwm4:stick-toggled-pressed.gif|AbiWord 图片 stick-toggled-pressed.gif}} {{howto:xfwm4:stick-toggled-active.gif|AbiWord 图片 stick-toggled-active.gif }} {{howto:xfwm4:image_3.gif|AbiWord 图片  image_3.gif }} |+|   {{howto:xfwm4:stick-active.gif}} {{howto:xfwm4:stick-inactive.gif}} {{howto:xfwm4:stick-pressed.gif}}   |    {{howto:xfwm4:stick-toggled-pressed.gif}} {{howto:xfwm4:stick-toggled-active.gif}} {{howto:xfwm5:image_3.gif}} |
  
-===== Themerc file =====+===== themerc 文件 =====
  
-To set features such as title text colors, "button_spacing" and "button_offset" etc. xfwm4 uses an text file called "themerc" kept in the theme folder that contains the pixmaps.+xfwm4 使用 ''themerc'' 这个文本文件设置一些，比如标题文本的颜色，''button_spacing'' 或者 ''button_offset'' 等等特性。它包含在主题的像素图的文件夹中。
  
-==== Button layout ==== +==== 按钮布局 ====
-It is also possible to "fix" button layouts for themes that use a particular button layout. - though it should be mentioned that forcing a special button layout or a title alignment in the theme, and thus reducing user's options, should be avoided (unless the theme really requires that, such as b5 theme mentioned below)+
  
 +也可以为特定主题定义''固定''的按钮布局。但需要提醒应该避免强制特定的按钮布局或者标题对齐及其他降低用户选择的设定（除非主题真的需要那样，比如下面会提到的 b5 主题）
   # button_layout :   # button_layout :
   #    O = Option menu   #    O = Option menu
Line 71: Line 71:
   button_layout=OTS|HMC   button_layout=OTS|HMC
  
-A working example of this is the "B5" theme which only uses the close button. i.e. the entry "button_layout=C|" in the themerc file.+现实的例子是，''B5'' 主题只使用了关闭按钮。也就是 themerc 文件中写的是''button_layout=C|''
  
  
-==== Title width ==== +==== 标题宽度 ====
-Another setting that needs to be set from the "themerc" file is the "title_full_width" parameter. This boolean value determines how the pixmap are arranged in the title bar.+
  
-When set to "true", the center pixmap is repeated so that it fills the entire window width :+另外一个需要在 ''themerc'' 文件中设置的项为 ''title_full_width''。这个布尔值确定怎么安排标题栏中的像素图。 
 + 
 +当设置为 ''true'' 时，中间的像素图被重复填充整个窗口宽度：
  
 {{ howto:xfwm4:xfwm4-title-full-width.gif }} {{ howto:xfwm4:xfwm4-title-full-width.gif }}
  
-When set to "false", the center pixmap is repeated  just enough so that the title fits :+当设置为 ''false'' 时，中间的像素图被重复填充到适合标题的宽度：
  
 {{ howto:xfwm4:xfwm4-title-no-full-width.gif }} {{ howto:xfwm4:xfwm4-title-no-full-width.gif }}
  
-==== Text shadow ==== +==== 文本阴影 ==== 
-A shadow can be added to the title text by setting the boolean value "title_shadow_active" for the focused window, and "title_shadow_inactive" for the other unfocused windows.+ 
 +通过设置 ''title_shadow_active''（激活窗口）或 ''title_shadow_inactive''（对其他非激活窗口）为标题文本添加一个阴影。 
 + 
 +可用的值为：''false''，''true''，和 ''frame''。
  
-Possible values are "false", "true", and "frame".+==== 标题偏移 ====
  
-==== Title offset ==== +标题文本的位置，可以用偏移量来调整以适应主题设计。水平和垂直偏移的值可以用下面的设置项来调整：
-The title text  position can be adjusted to fit the theme design by using the offset values. The horizontal and vertical values can be adjusted by using the following settings:+
  
     * title_horizontal_offset     * title_horizontal_offset
Line 97: Line 100:
     * title_vertical_offset_inactive     * title_vertical_offset_inactive
  
-==== Button offset and spacing ==== 
-Simlilarily, the buttons can be shifted horizontally by using the "button offset" setting. It's worth noting that the value is relative to the corresponding application window border, not the frame border. 
  
-The "button_spacing" value gives the number of pixels between each button.+==== 按钮偏移和间距 ==== 
 +同样地，可以通过使用“按钮偏移量”设置按钮的水平移动。这没有什么用，偏移值是相对的应用程序窗口的边框的，而不是 frame 边框。
  
-===== Gtk Color pickup ==== +''button_spacing'' 值设置按钮之间的像素数。 
-As you have no doubt noticed when using Xfwm4's default theme it is possible to make themes "pick-up" gtk theme colours. It's not just running the gimp and draw the buttons. Most themes use a color symbol table. That means the xpm file must be opened and edited by hand.+===== 借用 GTK 颜色  ==== 
 +你肯定已经注意到，当使用安装 xfwm4 的默认主题，主题可以“借用” GTK 主题颜色。不只是运行 GIMP 然后画按钮。大多数主题使用颜色符号表。这意味着 xpm 文件，必须能手工打开编辑。
  
-The color symbols are as follow : +颜色符号表如下： 
-^ Name ^ Description ^ +^ 名称 ^ 描述 ^ 
-| active_text_color | Text color on title for active window | +| active_text_color | 激活窗口的标题文本颜色 | 
-| inactive_text_color | Text color on title for inactive window | +| inactive_text_color | 非激活窗口的标题文本颜色 | 
-| active_border_color | Very rarely used usually set to black | +| active_border_color | 很少使用，一般设置为黑色 | 
-| inactive_border_color | Idem | +| inactive_border_color | 同上 | 
-| active_color_1 | Background color for active title | +| active_color_1 | 激活标题的背景颜色 | 
-| active_color_2 | Background color for active window | +| active_color_2 | 激活窗口的背景颜色 | 
-| active_hilight_1 | Lighter color for active title for 3D look | +| active_hilight_1 | 激活标题的浅颜色，表现 3D 样式 | 
-| active_hilight_2 | Lighter color for active window | +| active_hilight_2 | 激活窗口的浅颜色 | 
-| active_mid_1 | Slightly darker color for active title | +| active_mid_1 | 激活标题的深一点的颜色 | 
-| active_mid_2 | Slightly darker color for active window | +| active_mid_2 | 激活窗口的深一点的颜色 | 
-| active_shadow_1 | Darker color for active title for 3D look | +| active_shadow_1 | 激活标题的深颜色，表现 3D 样式 | 
-| active_shadow_2 | Darker color for active window | +| active_shadow_2 | 激活窗口的深颜色 | 
-| inactive_color_1 | Background color for inactive title | +| inactive_color_1 | 非激活标题的背景颜色| 
-| inactive_color_2 | Background color for inactive window | +| inactive_color_2 | 非激活窗口的背景颜色 | 
-| inactive_hilight_1 | Lighter color for inactive title for 3D look | +| inactive_hilight_1 | 非激活标题的浅颜色，表现 3D 样式 | 
-| inactive_hilight_2 | Lighter color for inactive window | +| inactive_hilight_2 | 非激活窗口的浅颜色 | 
-| inactive_mid_1 | Slightly darker color for inactive title | +| inactive_mid_1 | 非激活标题的深一点的颜色 | 
-| inactive_mid_2 | Slightly darker color for inactive window | +| inactive_mid_2 | 非激活窗口的深一点的颜色 | 
-| inactive_shadow_1 | Darker color for inactive title for 3D look | +| inactive_shadow_1 | 非激活标题的深颜色，表现 3D 样式 | 
-| inactive_shadow_2 | Darker color for inactive window |+| inactive_shadow_2 | 非激活窗口的深颜色 | 
 + 
 +这些符号在运行时被实际的色彩值替换，窗口的边框自动继承 GTK 主题的颜色。 
 +xfwm4 原生使用的 xpm 文件格式，不过是一个纯文本文件，你可以用你喜欢的文本编辑器编辑它。
  
-The symbols get replaced by the actual color values at runtime so that the window borders inherits GTK theme colors automatically. 
-Xpm file format used natively by xfwm4 is no more than a plain text file that can be edited with your favorite text editor. 
  
 ===== From Wikipedia, the free encyclopedia. ===== ===== From Wikipedia, the free encyclopedia. =====
Line 254: Line 258:
 ===== Credits ===== ===== Credits =====
 This how-to has been started by Drewbian (drewbian at tsn dot cc) and later modifed by Olivier Fourdan (fourdan at xfce dot org). This how-to has been started by Drewbian (drewbian at tsn dot cc) and later modifed by Olivier Fourdan (fourdan at xfce dot org).
 +