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
ru:howto:xfwm4_theme [2020/05/24 22:16] – [Смещение и расстояния для кнопок] vsepropru:howto:xfwm4_theme [2020/05/25 00:52] (current) – [Оформление панели заголовка] vseprop
Line 1: Line 1:
-FIXME **Эта страница пока что не переведена полностью. Пожалуйста, помогите завершить перевод.**\\ //(Сотрите это сообщение по окончании перевода.)// +====== Темы Xfwm4 (how-to) ======
- +
-====== Xfwm4 theme how-to ======+
  
  
Line 10: Line 8:
  
 ===== Расположение наборов тем оформления ===== ===== Расположение наборов тем оформления =====
-В версии 4.0 рабочего стола Xfwm4 темы можно найти в следующих папках:+В версии 4.0 менеджера окон Xfwm4 темы можно найти в следующих папках:
  
     * Домашняя (home) папка пользователя /.themes/xfwm4/название_темы (напр.: ''/home/joe/.themes/xfwm4/b5'')     * Домашняя (home) папка пользователя /.themes/xfwm4/название_темы (напр.: ''/home/joe/.themes/xfwm4/b5'')
Line 23: Line 21:
 У окон может быть два состояния: активные (в фокусе) и неактивные (не в фокусе). Для этих состояний 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 представляют собой углы левого и правого краев, как показано на Рис. 2.+Для оформления панели заголовка xfwm4 использует 5 растровых файлов с названиями от title-1-active.xpm до title-5-active.xpm. При этом файлы с названиями top-left-active.xpm и top-right-active.xpm представляют собой верхние углы левого и правого краев, как показано на Рис. 2.
  
-|  {{ howto:xfwm4:xfwm4-window-pixmaps.gif |Рис. 2 - Растровые файлы, представляющие все внешнее оформление окна}}  | +|  {{ howto:xfwm4:xfwm4-window-pixmaps.gif |Рис. 2 - Красными границами выделены растровые файлы, представляющие всё внешнее оформление окна}}  | 
-|  Рис. 2 - Растровые файлы, представляющие все внешнее оформление окна  |+|  Рис. 2 - Красными границами выделены растровые файлы, представляющие всё внешнее оформление окна  |
 Та же система названий файлов применяется и к неактивным окнам. При этом слово "active" в названиях файлов заменяется словом "inactive", например title-1-inactive.xpm. Та же система названий файлов применяется и к неактивным окнам. При этом слово "active" в названиях файлов заменяется словом "inactive", например title-1-inactive.xpm.
  
Line 43: Line 41:
 Xfwm4 до шести кнопок - закрепление (stick) окна на всех рабочих местах (виртуальных рабочих столах) меню управления окном, сворачивание окна в заголовок (shade), сворачиванеие окна в панель задач (minimize), разворачивание на весь экран (maximize) и закрытие (close). Xfwm4 до шести кнопок - закрепление (stick) окна на всех рабочих местах (виртуальных рабочих столах) меню управления окном, сворачивание окна в заголовок (shade), сворачиванеие окна в панель задач (minimize), разворачивание на весь экран (maximize) и закрытие (close).
  
-У кнопок могут быть следующие состояния: активное (active, focused), неактивное (inactive, unfocused), подсвеченное (prelight, при наведении мыши) и нажатое (pressed). На Рис. 3: +У кнопок могут быть следующие состояния: активное (active, focused), неактивное (inactive, unfocused), подсвеченное (prelight, при наведении мыши) и нажатое (pressed) как на Рис. 3:
-AbiWord Image menu-active.gif    AbiWord Image menu-inactive.gif   AbiWord Image image_2.gif+
  
 ^ Рис. 3 - Состояния кнопок Xfwm4 ^ ^ Рис. 3 - Состояния кнопок Xfwm4 ^
Line 109: Line 106:
  
 ==== Значок приложения ==== ==== Значок приложения ====
-При помощи необязательного параметра **show_app_icon** можно заменять кнопку меню управления окном на значок, соответствующий открытому приложению. Размер значка приложения при этом ограничивается шириной кнопки меню. Stay tuned!+При помощи необязательного параметра **show_app_icon** можно заменять кнопку меню управления окном на значок, соответствующий открытому приложению. Размер значка приложения при этом ограничивается шириной кнопки меню.
  
   * show_app_icon=true //#Показывать значки приложений//   * show_app_icon=true //#Показывать значки приложений//
Line 148: Line 145:
  
 ===== Из Википедии, свободной энциклопедии (перевод англоязычной версии статьи) ===== ===== Из Википедии, свободной энциклопедии (перевод англоязычной версии статьи) =====
-XPM (X PixMap) это текстовый формат изображений в кодировке ASCII, используемый в X Window System. Создан в 1989 г. Даниэлем Дардайе (Daniel Dardailler) и Коласом Нахабу (Colas Nahaboo) в Inria Laboratories во Франции и позже улучшен Арно Ле Хором (Arnaud Le Hors). Формат предназначен в первую очередь для создания значков и поддерживает прозрачность. Файлы формата имеют простую структуру, производную от более раннего синтакса XBM. Файлы могут создаваться и манипулироваться при помощи любого текстового редактора и включаться в файлы, написанные на языке программирования C (Си).+XPM (X PixMap) это текстовый формат изображений в кодировке ASCII, используемый в X Window System. Создан в 1989 г. Даниэлем Дардайе (Daniel Dardailler) и Коласом Нахабу (Colas Nahaboo) в Inria Laboratories во Франции и позже улучшен Арно Ле Хором (Arnaud Le Hors). Формат предназначен в первую очередь для создания значков и поддерживает прозрачность. Файлы формата имеют простую структуру, производную от более раннего синтакса XBM. Файлы можно создавать и изменять при помощи любого текстового редактора и включаться в файлы, написанные на языке программирования C (Си).
  
-Из вышеприведенного текста следует, что еслии открыть файл XPM в любом текстовом редакторе, можно будет увидеть примерно следующее:+Из вышеприведенного текста следует, что если открыть файл XPM в любом текстовом редакторе, можно будет увидеть примерно следующее:
  
   /* XPM */   /* XPM */
Line 189: Line 186:
 Не слишком углубляясь в подробности формата XPM, можно сказать, что файл изображения состоит из разных разделов: раздел описания формата изображения (ширина в пикселях, высота в пикселях, число цветов, количество обозначающих знаков на каждый цвет), раздел описания обозначений пикселей и раздел описания пикселей. Более подробно формат описан на Википедии: [[https://ru.wikipedia.org/wiki/X_Pixmap]]. Не слишком углубляясь в подробности формата XPM, можно сказать, что файл изображения состоит из разных разделов: раздел описания формата изображения (ширина в пикселях, высота в пикселях, число цветов, количество обозначающих знаков на каждый цвет), раздел описания обозначений пикселей и раздел описания пикселей. Более подробно формат описан на Википедии: [[https://ru.wikipedia.org/wiki/X_Pixmap]].
  
-A character is assigned to each color of the image (if the image has more colors than available charaters, then more than a single character can be assiged to a colors).  If a color symbol is specified, the given color will be ignored and replaced by the corresponding color in the  color symbol table.+Каждому цвету, используемому в изображении, соответствует символ (если цветов больше, чем можно закодировать при помощи отдельных символов, можно использовать по несколько символов, см. пример в Википедии). Символы для обозначения цветов задаются в соответствующем разделе.
  
-To get the gtk colors applied to your theme, you need to edit the XPM files and add the proper color symbols to the color definition table.+Чтобы к теме xfwm применялись цвета из текущей темы gtk, нужно соответственно отредактировать файлы XPM:
  
   "       c None",   "       c None",
Line 204: Line 201:
   "=      c #FFFFFF",   "=      c #FFFFFF",
  
-must be changed to  +нужно поменять на  
   
   "       c None",   "       c None",
Line 217: Line 214:
   "=      c #FFFFFF s active_hilight_1",   "=      c #FFFFFF s active_hilight_1",
  
-As a matter of fact, "thinking" of the gtk colors as early as drawing the theme can save a lot of time in this phase. If you use the exact same color across all the pixmaps, you can use the Search/Replace functionnality of the text editor to add the color symbols. You could even use a tool such as "sed" to perform mass changes in all the XPM files of the theme. +Учитывать цвета gtk следует еще на этапе создания чернового макета темы оформления; так можно сэкономить много времени. Если во всех (или многих) растровых файлах темы используется один и тот же цвет, можно воспользоваться функционалом "Найти и заменить" в текстовом редакторе, чтобы быстро добавить описание цвета. Можно даже использовать такой инструмент, как "sed", для внесения массовых изменений во все файлы XPM редактируемой темы оформления.
  
  
  
  
-===== Xfwm 4.2 new functionality ===== 
-As simple as it is, the color symbol replacement table of the XPM format is not powerfull enough to achieve the nice color gradients seen in most recent themes. 
  
-Xfwm 4.2 includes yet another functionality that gives real nice result while being still compatible with the previous theme format: It composes the final image from the XPM file and it colors replacement table, and another PNG file with transparency, if present.+===== Новые возможности, добавленные в Xfwm 4.2 ===== 
 +При всей простоте формата XPM его таблица обозначения цветов не всегда достаточно удобна для достижения плавных градиентов, которые можно увидеть в недавно созданных темах.
  
-{{ howto:xfwm4:xfwm4-compose.gif |Figure 5 - PNG transparent images get layered on top of the XPM image}}+Xfwm 4.2 включает новую функцию, дающую хорошие результаты при сохранении совместимости с предыдущим форматом. Новый функционал составляет итоговое изображение из файла XPM по его таблице описания цветов и файла PNG (если присутствует) с поддержкой прозрачности.
  
-The names of the PNG files are identical to the names of the corresponding XPM files, with the ".png" file extension (ie title-1-active.png, top-right-inactive.png, etc.). The PNG file is by no mean required, if it's not present, xfwm4 won't complain, but if there is a PNG image of the same name as the XPM image, and if that PNG has an alpha channel (ie, it has semi-transparent pixels) then the PNG image will be automatically layered on top of the XPM image to produce the final image.+{{ howto:xfwm4:xfwm4-compose.gif |Рис. 5 - Изображения с поддержкой прозрачности из файла PNG накладываются поверх изображения из файла XPM}}
  
-This technique has several advantages:+Названия файлов PNG должны быть идентичнф названиям соответствующих файлов XPM, с расширением ".png" (т.е. title-1-active.png, top-right-inactive.png, и т. д.). Файлы PNG не обязательны. Xfwm4 отрисовывает тему и без них, но когда они присутствуют и содержат альфа-канал (прозрачные пиксели), изображения этих файлов автоматически накладываются поверх изображений соответствующих файлов XPM для формирования итогового вида темы.
  
-    * It's fairly simple from a theme designer point of view, most people are working with similar techniques when composing themes with tools such as [[http://www.gimp.org/|The GIMP]]. +У этой техники следующие преимущества:
-    * It's backward compatible with xfwm4 from Xfce 4.0, the PNG files are just ignored by xfwm4 4.0.+
  
 +    * Она проста с точки зрения создателя темы. Большинство работает с подобными техниками при составлении тем в таких редакторов как [[http://www.gimp.org/|GIMP]].
 +    * Она обратно совместима с xfwm4 из версии Xfce 4.0, где файлы PNG просто игнорируются.
  
  
-===== Conclusion ===== 
-I hope this small "how-to" for creating themes for xfwm4 will help you design your own themes. It would be great if you could share your themes with others on [[http://www.themedepot.org]] (which is the prefered site for xfce related themes) or from [[http://themes.freshmeat.net]]. 
  
-you can also find xfce theme at [[http://www.xfce-look.org]]+===== Заключение ===== 
 +Авторы надеются, что этот маленький урок "how-to" по созданию тем оформления для xfwm4 поможет вам разрабатывать собственные темы. Пожалуйста, поделитесь вашими темами с другими например на [[http://www.xfce-look.org]].
  
-===== List of frame and button part names =====+===== Список названий файлов для частей и кнопок темы оформления =====
  
-This is a list of all possible part names in a decoration, so you can easily copy and paste them. (Tip: if using Firefox hold Ctrl while dragging, to select cells instead of lines. ;-))+Это список названий файлов для всех возможных частей темы оформления, поэтому их можно просто копировать отсюда. (Подсказка: при использовании браузера Firefox удерживайте  Ctrl при перетаскивании курсора, чтобы выбирать ячейки вместо текстовых строк ;-))
  
-^ Active              ^ Inactive              ^ Prelight (buttons only) ^ Pressed (buttons only) ^ Toggled active (buttons only) ^ Toggled inactive (buttons only) ^ Toggled prelight (buttons only) ^ Toggled pressed (buttons only) ^+^ Активное окно (active)             ^ Неактивное окно (inactive)              ^ Подсвеченные кнопки (prelight) ^ Нажатые кнопки (pressed) ^ Задействованные кнопки активного окна (toggled) ^ Задействованные кнопки неактивного окна (toggled) ^ Подсвеченные задействованные кнопки (toggled prelight) ^ Задействованные нажатые кнопки (toggled pressed) ^
 | menu-active         | menu-inactive         | menu-prelight     | menu-pressed     |                         |                           |                           |                          | | menu-active         | menu-inactive         | menu-prelight     | menu-pressed     |                         |                           |                           |                          |
 | shade-active        | shade-inactive        | shade-prelight    | shade-pressed    | shade-toggled-active    | shade-toggled-inactive    | shade-toggled-prelight    | shade-toggled-pressed    | | shade-active        | shade-inactive        | shade-prelight    | shade-pressed    | shade-toggled-active    | shade-toggled-inactive    | shade-toggled-prelight    | shade-toggled-pressed    |
Line 267: Line 262:
 | bottom-left-active  | bottom-left-inactive  |                   |                  |                         |                           |                           |                          | | bottom-left-active  | bottom-left-inactive  |                   |                  |                         |                           |                           |                          |
 | left-active         | left-inactive         |                   |                  |                         |                           |                           |                          | | left-active         | left-inactive         |                   |                  |                         |                           |                           |                          |
-===== 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) and Renato Santos (renatosan at gmail dot com).+Этот урок how-to изначально создан пользователем Drewbian (drewbian собачка tsn точка cc) и позже изменен пользователями Olivier Fourdan (fourdan собачка xfce точка org) и Renato Santos (renatosan собачка gmail точка com). Англоязычная страница переведена (с небольшими изменениями) на русский пользователем Всё Пропатчено (vse точка propatcheno собачка gmail точка com).