1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html xmlns=
"http://www.w3.org/1999/xhtml" lang=
"ru" xml:
lang=
"ru">
7 * Copyright 2008-2014, Haiku. All rights reserved.
8 * Distributed under the terms of the MIT License.
11 * Humdinger <humdingerb@gmail.com>
21 <meta http-equiv=
"content-type" content=
"text/html; charset=utf-8" />
22 <meta http-equiv=
"Content-Style-Type" content=
"text/css" />
23 <meta name=
"robots" content=
"all" />
24 <title>Внешний вид (Appearance)
</title>
25 <meta name=
"viewport" content=
"width=device-width, initial-scale=1.0" />
26 <link rel=
"stylesheet" type=
"text/css" href=
"../../Haiku-doc.css" />
31 <div><span>User guide
</span></div>
36 <ul class=
"lang-menu">
37 <li class=
"now"><img src=
"../../images/flags/ru.png" alt=
"" /> Русский
</li>
38 <li><a href=
"../../ca/preferences/appearance.html"><img src=
"../../images/flags/ca.png" alt=
"" />Català
</a></li>
39 <li><a href=
"../../de/preferences/appearance.html"><img src=
"../../images/flags/de.png" alt=
"" />Deutsch
</a></li>
40 <li><a href=
"../../en/preferences/appearance.html"><img src=
"../../images/flags/gb.png" alt=
"" />English
</a></li>
41 <li><a href=
"../../es/preferences/appearance.html"><img src=
"../../images/flags/es.png" alt=
"" />Español
</a></li>
42 <li><a href=
"../../fr/preferences/appearance.html"><img src=
"../../images/flags/fr.png" alt=
"" />Français
</a></li>
43 <li><a href=
"../../it/preferences/appearance.html"><img src=
"../../images/flags/it.png" alt=
"" />Italiano
</a></li>
44 <li><a href=
"../../hu/preferences/appearance.html"><img src=
"../../images/flags/hu.png" alt=
"" />Magyar
</a></li>
45 <li><a href=
"../../pl/preferences/appearance.html"><img src=
"../../images/flags/pl.png" alt=
"" />Polski
</a></li>
46 <li><a href=
"../../pt_PT/preferences/appearance.html"><img src=
"../../images/flags/pt_PT.png" alt=
"" />Português
</a></li>
47 <li><a href=
"../../pt_BR/preferences/appearance.html"><img src=
"../../images/flags/pt_BR.png" alt=
"" />Português (Brazil)
</a></li>
48 <li><a href=
"../../ro/preferences/appearance.html"><img src=
"../../images/flags/ro.png" alt=
"" />Română
</a></li>
49 <li><a href=
"../../sk/preferences/appearance.html"><img src=
"../../images/flags/sk.png" alt=
"" />Slovenčina
</a></li>
50 <li><a href=
"../../fi/preferences/appearance.html"><img src=
"../../images/flags/fi.png" alt=
"" />Suomi
</a></li>
51 <li><a href=
"../../sv_SE/preferences/appearance.html"><img src=
"../../images/flags/sv_SE.png" alt=
"" />Svenska
</a></li>
52 <li><a href=
"../../zh_CN/preferences/appearance.html"><img src=
"../../images/flags/zh_CN.png" alt=
"" /> 中文 [中文]
</a></li>
53 <li><a href=
"../../uk/preferences/appearance.html"><img src=
"../../images/flags/uk.png" alt=
"" />Українська
</a></li>
54 <li><a href=
"../../jp/preferences/appearance.html"><img src=
"../../images/flags/jp.png" alt=
"" />日本語
</a></li>
57 <a href=
"../preferences.html" class=
"uplink">Preferences
</a>
58 ::
<a href=
"backgrounds.html">Фон (Backgounds)
</a> »
65 <h2><img src=
"../../images/prefs-images/appearance-icon_64.png" alt=
"appearance-icon_64.png" width=
"64" height=
"64" />Внешний вид
</h2>
66 <table summary=
"quickinfo" border=
"0" cellspacing=
"0" cellpadding=
"2">
67 <tr><td>Расположение в Deskbar:
</td><td style=
"width:15px;"></td><td><span class=
"menu">Настройки (Preferences)
</span></td></tr>
68 <tr><td>Расположение в Tracker:
</td><td></td><td><span class=
"path">/boot/system/preferences/Appearance
</span></td></tr>
69 <tr><td>Настройки хранятся по адресу:
</td><td></td><td><span class=
"path">~/config/settings/system/app_server/appearance
</span><br />
70 <span class=
"path">~/config/settings/system/app_server/fonts
</span></td></tr>
72 <p>С помощью панели настройки
<span class=
"app">Внешний вид
</span> вы сможете изменить некоторые свойства внешнего вида Haiku.
</p>
75 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
76 <a id=
"fonts" name=
"fonts">Шрифты
</a></h2>
77 <img src=
"../images/prefs-images/appearance-fonts.png" alt=
"appearance-fonts.png" />
78 <p>Haiku определяет
3 стандартных шрифта для различных целей. Вы можете установить простые, жирные и моноширинные типы шрифтов, а также размеры, которые будут использованы во всей системе. Кроме этого есть еще отдельная настройка для шрифта, использующегося в меню.
</p>
81 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
82 <a id=
"installing_fonts" name=
"installing_fonts">Установка новых шрифтов
</a></h3>
83 <p>Новые шрифты, не являющиеся частью стандартного пакета .hpkg, могут быть установлены путем их копирования в соответствующую папку
<tt>non-packaged
</tt> в зависимости от их типа (
<tt>psfonts
</tt> или
<tt>ttfonts
</tt>)
84 (см. также раздел
<a href=
"../filesystem-layout.html">Структура файловой системы
</a>). Для шрифтов TrueType это:
</p>
85 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
86 <tr><td><span class=
"path">/boot/system/non-packaged/data/fonts/ttfonts/
</span></td><td> </td><td>для шрифтов, доступных каждому пользователю.
</td></tr>
87 <tr><td><span class=
"path">/boot/home/config/non-packaged/data/fonts/ttfonts/
</span></td><td> </td><td>для шрифтов, доступных лишь вам.
</td></tr>
91 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
92 <a id=
"colors" name=
"colors">Цвета
</a></h2>
93 <img src=
"../images/prefs-images/appearance-colors.png" alt=
"appearance-colors.png" />
94 <p>На вкладке
<span class=
"menu">Цвета
</span> вы можете изменять цвет различных элементов интерфейса. Метод drag
&drop позволит вам указать нужный цвет из других программ, таких как
<span class=
"app">WonderBrush
</span>,
<span class=
"app">Icon-O-Matic
</span> или панели
<span class=
"app">Фон
</span>.
</p>
97 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
98 <a id=
"decorators" name=
"decorators">Декораторы окон
</a></h2>
99 <img src=
"../images/prefs-images/appearance-decorators.png" alt=
"appearance-decorators.png" />
100 <p>Декораторы определяют внешний вид окон и всех элелементов пользовательского интерфейса. Сейчас Haiku имеет по умолчанию только один декоратор. Если Вы найдете и установите другие декораторы, Вы сможете выбрать их в данном меню.
</p>
101 <p>Базовый декоратор Haiku позволяет вам настроить стиль стрелок у полосы прокрутки: либо одна стрелка с каждой стороны, либо две (как у BeOS), позволяющие потенциально уменьшить движение мыши при горизонтальной или вертикальной прокрутке.
</p>
104 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
105 <a id=
"antialiasing" name=
"antialiasing">Сглаживание
</a></h2>
106 <img src=
"../images/prefs-images/appearance-antialiasing.png" alt=
"appearance-antialiasing.png" />
107 <p>Вторая вкладка,
<span class=
"menu">Сглаживание
</span>, позволяет настроить способ отображения текста на экране.
</p>
110 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" />
113 <p>Включенный режим
<span class=
"menu">Уточнение
</span> выравнивает символы таким образом, что их вертикальные и горизонтальные границы будут располагаться между двумя пикселями. Результатом чего будет превосходная контрастность символов, особенно в случае черного текста на белом фоне. Текст становится более четким. Так же этот режим можно применить исключительно для
<span class=
"menu">Моноширинных шрифтов
</span>, что особенно полезно на устройствах с низким разрешением, таких как нетбуки. Когда уточнение включено, мелкие шрифты могут выглядеть довольно-таки плохо, но этот режим все же позволит получить выгоду от уточнения в текстовых редакторах и в Terminal.
</p>
114 <p>Заметить разницу, вносимую уточнением, можно, сравнив эти увеличенные снимки экрана:
</p>
115 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
116 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-off.png" alt=
"appearance-glyph-off.png" /><br />Уточнение: выключено
</td><td style=
"width:15px;"></td><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-on.png" alt=
"appearance-glyph-on.png" /><br />Уточнение: включено
</td></tr>
118 <p>Следует отметить, что текст во всех окнах
<span class=
"app">Magnify
</span> на этой странице, разумеется, отображается с различными параметрами уточнения. То есть Вы можете сравнить результаты настройки на реальном примере: заголовок окна, набранный полужирным шрифтом, или же надпись
"33 x 15 @ 8 pixels/pixel".
</p>
121 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
123 <p>Другой техникой улучшения отображения графики и текста является
<i>Сглаживание
</i>. Линии сглаживаются за счет смены цвета некоторых пикселей. Применяются два метода сглаживания:
</p>
124 <p><span class=
"menu">Оттенки серого
</span> - меняет интенсивность цвета пикселя на границе.
<br />
125 <span class=
"menu">Субпиксельное сглаживание
</span>, гораздо более эффективно, особенно на ЖК-мониторах (высокого разрешения). При таком сглаживании меняется не интенсивность цвета пикселя, а его оттенок,
"устанавливающий" границу элемента на доли пикселя, за счет того, что ЖК-мониторы используют красную, зеленую и синюю компоненту для отображения каждого пикселя.
</p>
126 <p>И снова сравним два этих метода на увеличенных снимках экрана:
</p>
127 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
128 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-off.png" alt=
"appearance-glyph-off.png" /><br />Оттенки серого: включено, Уточнение: выключено
</td><td style=
"width:15px;"></td><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-subpixel.png" alt=
"appearance-subpixel.png" /><br />Субпиксельное сглаживание: включено, Уточнение: выключено
</td></tr>
130 <p>Субпиксельное сглаживание добавляет цветные артефакты на границах объектов, что врядли кому-то понравится. Haiku позволяет вам одновременно использовать оба метода сглаживания - перемещая бегунок, вы сможете найти их приемлемое соотношение.
</p>
131 <div class=
"box-info">Субпиксельное сглаживание в комбинации с уточнением - вопрос патентирования ПО, поэтому такой режим недоступен по умолчанию. В зависимости от законодательства страны, в которой вы проживаете, вы можете получить разблокированную версию. Приносим свои извинения. Свяжитесь с вашим представителем.
</div>
132 <p>Если вы активируете уточнение с субпиксельным сглаживанием путем модификации и перекомпиляции исходного кода, то сможете сравнить результат со сглаживанием оттенками серого:
</p>
133 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
134 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-on.png" alt=
"appearance-glyph-on.png" /><br />Оттенки серого: включено, Уточнение: включено
</td><td style=
"width:15px;"></td><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-on-subpixel.png" alt=
"appearance-glyph-on-subpixel.png" /><br />Субпиксельное сглаживание: включено, Уточнение: включено
</td></tr>
137 <p>В нижней части панели располагаются две кнопки:
</p>
138 <table summary=
"layout" border=
"0" cellpadding=
"2" cellspacing=
"0">
139 <tr><td><span class=
"button">По умолчанию
</span></td><td> </td><td>сбросить текущие настройки и установить их на значения по умолчанию.
</td></tr>
140 <tr><td><span class=
"button">Вернуть
</span></td><td> </td><td>вернуть настройки, которые были установлены до запуска панели настройки.
</td></tr>
147 <div class=
"inner"><span>
148 <a href=
"../preferences.html" class=
"uplink">Preferences
</a>
149 ::
<a href=
"backgrounds.html">Фон (Backgounds)
</a> »