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 2010-2011, Haiku. All rights reserved.
8 * Distributed under the terms of the MIT License.
11 * Humdinger <humdingerb@gmail.com>
17 <meta http-equiv=
"content-type" content=
"text/html; charset=utf-8" />
18 <meta http-equiv=
"Content-Style-Type" content=
"text/css" />
19 <meta name=
"robots" content=
"all" />
20 <title>Просмотр изображений (ShowImage)
</title>
21 <meta name=
"viewport" content=
"width=device-width, initial-scale=1.0" />
22 <link rel=
"stylesheet" type=
"text/css" href=
"../../Haiku-doc.css" />
27 <div><span>User guide
</span></div>
32 <ul class=
"lang-menu">
33 <li class=
"now"><img src=
"../../images/flags/ru.png" alt=
"" /> Русский
</li>
34 <li><a href=
"../../ca/applications/showimage.html"><img src=
"../../images/flags/ca.png" alt=
"" />Català
</a></li>
35 <li><a href=
"../../de/applications/showimage.html"><img src=
"../../images/flags/de.png" alt=
"" />Deutsch
</a></li>
36 <li><a href=
"../../en/applications/showimage.html"><img src=
"../../images/flags/gb.png" alt=
"" />English
</a></li>
37 <li><a href=
"../../es/applications/showimage.html"><img src=
"../../images/flags/es.png" alt=
"" />Español
</a></li>
38 <li><a href=
"../../fr/applications/showimage.html"><img src=
"../../images/flags/fr.png" alt=
"" />Français
</a></li>
39 <li><a href=
"../../it/applications/showimage.html"><img src=
"../../images/flags/it.png" alt=
"" />Italiano
</a></li>
40 <li><a href=
"../../hu/applications/showimage.html"><img src=
"../../images/flags/hu.png" alt=
"" />Magyar
</a></li>
41 <li><a href=
"../../pl/applications/showimage.html"><img src=
"../../images/flags/pl.png" alt=
"" />Polski
</a></li>
42 <li><a href=
"../../pt_PT/applications/showimage.html"><img src=
"../../images/flags/pt_PT.png" alt=
"" />Português
</a></li>
43 <li><a href=
"../../pt_BR/applications/showimage.html"><img src=
"../../images/flags/pt_BR.png" alt=
"" />Português (Brazil)
</a></li>
44 <li><a href=
"../../ro/applications/showimage.html"><img src=
"../../images/flags/ro.png" alt=
"" />Română
</a></li>
45 <li><a href=
"../../sk/applications/showimage.html"><img src=
"../../images/flags/sk.png" alt=
"" />Slovenčina
</a></li>
46 <li><a href=
"../../fi/applications/showimage.html"><img src=
"../../images/flags/fi.png" alt=
"" />Suomi
</a></li>
47 <li><a href=
"../../sv_SE/applications/showimage.html"><img src=
"../../images/flags/sv_SE.png" alt=
"" />Svenska
</a></li>
48 <li><a href=
"../../zh_CN/applications/showimage.html"><img src=
"../../images/flags/zh_CN.png" alt=
"" /> 中文 [中文]
</a></li>
49 <li><a href=
"../../uk/applications/showimage.html"><img src=
"../../images/flags/uk.png" alt=
"" />Українська
</a></li>
50 <li><a href=
"../../jp/applications/showimage.html"><img src=
"../../images/flags/jp.png" alt=
"" />日本語
</a></li>
53 «
<a href=
"screenshot.html">Screenshot
</a>
54 ::
<a href=
"../applications.html#list-of-apps" class=
"uplink">Приложения
</a>
55 ::
<a href=
"softwareupdater.html">SoftwareUpdater
</a> »
62 <h2><img src=
"../../images/apps-images/showimage-icon_64.png" alt=
"showimage-icon_64.png" width=
"64" height=
"64" />Просмотр изображений (ShowImage)
</h2>
63 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
64 <tr><td>Расположение в Deskbar:
</td><td style=
"width:15px;"></td><td><i>Отсутствует в меню Deskbar, обычно запускается по двойному щелчку мыши по файлу.
</i></td></tr>
65 <tr><td>Расположение в Tracker:
</td><td></td><td><span class=
"path">/boot/system/apps/ShowImage
</span></td></tr>
66 <tr><td>Настройки хранятся по адресу:
</td><td></td><td><span class=
"path">~/config/settings/ShowImage_settings
</span></td></tr>
69 <p>Приложение Просмотр изображений (ShowImage) позволяет просматривать изображения всех форматов, для которых существуют
<a href=
"../preferences/datatranslations.html">трансляторы
</a> обеспечивающие поддержку. Новые форматы начнут автоматически распознаваться с того момента, как только транслятор будет добавлен в систему. Так произошло, например, с векторным форматом для иконок Haiku, с изображениями в формате WonderBrush и изображениями в формате WebP.
<br />
70 Просмотр изображений (ShowImage) также позволяет произвести простое редактирование изображения, а именно: обрезать, развернуть, зеркально отобразить и сохранить в другой формат.
</p>
71 <h2><a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>Отображение
</h2>
72 <img src=
"../images/apps-images/showimage-view.jpg" alt=
"showimage-view.jpg" />
73 <p>В меню
<span class=
"menu">Отображение (View)
</span> первые два пункта позволяют запустить
<span class=
"menu">Слайдшоу (Slide show)
</span> всех изображений в папке (или в окне результата поиска) и установить
<span class=
"menu">Задержку(Slide delay)
</span> в диапазоне от
2 до
20 секунд.
</p>
74 <p>Следующие команды применяются к отображаемому изображению (без изменения размеров окна):
<br />
75 <span class=
"menu">Оригинальный размер (Original size)
</span> - отобразить изображение оригинального размера.
<br />
76 <span class=
"menu">Под размеры окна (Fit to window)
</span> - подогнать изображение под размеры окна.
<br />
77 <span class=
"menu">Увеличить (Zoom in)
</span> и
<span class=
"menu">Уменьшить (Zoom out)
</span> - увеличить или уменьшить изображение с шагом
10% от оригинального размера. Увеличить и уменьшать также можно при помощи колёсика мыши; если изображение не умещается в окно, то для его прокрутки нажмите левую кнопку мыши и тащите.
</p>
78 <p>Следующие две настройки применяются не только к отображаемому изображению, но и к следующим:
<br />
79 <span class=
"menu">Высококачественно масштабирование (High quality zooming)
</span> - включить быстрый сглаживающий фильтр.
<br />
80 <span class=
"menu">Растянуть до размеров окна (Stretch to window)
</span> - подогнать под размеры окна, маленькие изображения будут растянуты до размеров окна.
</p>
81 <p>Следующий пункт меню
<span class=
"menu">Полноэкранный режим (Full screen)
</span> с опцией
<span class=
"menu">Отображать название в полноэкранном режиме (Show caption in full screen mode)
</span> - отобразить название файла изображения в нижней части.
</p>
82 <p>Последний пункт,
<span class=
"menu">Отображать панель (Show tool bar)
</span> - включить/отключить отображение панели управления:
</p>
83 <img src=
"../images/apps-images/showimage-toolbar.png" alt=
"showimage-toolbar.png" />
84 <p>Рассмотрим иконки на панели и их функционал слева направо: предыдущее изображение, следующее изображение, запустить слайдшоу (в полноэкранном режиме), режим выделения, оригинальный размер, подогнать под размеры окна, увеличить, уменьшить.
</p>
85 <p>Большинство наиболее часто используемых команд доступны в контекстном меню, которое вызывается правым щелчком мыши в любой области изображения. Очень удобно при использовании полноэкранного режима.
</p>
86 <h2><a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>Просмотр
</h2>
87 <img src=
"../images/apps-images/showimage-browse.jpg" alt=
"showimage-browse.jpg" />
88 <p>После того, как вы открыли изображение вы можете просмотреть все изображения находящиеся в этой же папке (или в окне результата поиска) при помощи клавиш
<span class=
"key">↑
</span>/
<span class=
"key">↓
</span> и
<span class=
"key">←
</span>/
<span class=
"key">→
</span>. Вы можете видеть процесс перемещения от изображения к изображению в окне Tracker.
</p>
89 <p>Есть быстрый способ открыть папку, в которой находится изображение, и даже перейти к её родительской папке. Этот способ заключается в использовании
<a href=
"../tracker.html#drill-down">ниспадающей навигации
</a>, как в Tracker. Щёлкните левой кнопкой мыши по информационной области, которая находится слева снизу и отображает разрешение и формат текущего изображения.
</p>
90 <p>Рассмотрим меню
<span class=
"menu">Просмотр (Browse)
</span>, которое содержит ряд команд для просмотра специфичных форматов. Некоторые форматы изображений, например TIFF, могут содержать несколько страниц в одном файле. Такие команды как
<span class=
"menu">Первая страница (First page)
</span> и
<span class=
"menu">Последняя страница (Next page)
</span> позволяют переключаться между этими страницами.
</p>
91 <h2><a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>Редактирование
</h2>
92 <img src=
"../images/apps-images/showimage-edit.jpg" alt=
"showimage-edit.jpg" />
93 <p>Меню
<span class=
"menu">Изображение (Image)
</span> предлагает несколько команд для манипуляций с изображением: поворот и зеркально отображение. Стоит помнить, что само изображение останется нетронутым. К файлу только будет добавлен атрибут, так что при следующем просмотре изображение будет повернуто или зеркально отображено.
</p>
94 <p><span class=
"menu">Использовать как фон... (Use as backgroud...)
</span> - открывает панель настроек
<a href=
"../preferences/backgrounds.html">фона рабочего стола
</a> и устанавливает текущее изображение в качестве фона для рабочих столов.
</p>
95 <p>Обрезка - ещё одна нужная функция редактирования. Чтобы выбрать область, которую вы хотите вырезать, зайдите в меню
<span class=
"menu">Правка (Edit)
</span> и выберите пункт
<span class=
"menu">Режим выделения (Selection mode)
</span>. После этого при помощи левой кнопки мыши вы можете выбрать область, которую хотите вырезать. Если вы не хотите переключаться в режим выделения, то вы можете создать область для обрезки простым удержанием клавиши
<span class=
"key">CTRL
</span> и выделяя левой кнопкой мыши нужную область изображения.
<br />
96 Пункт меню
<span class=
"menu">Очистить выделение (Clear selection)
</span> либо клавиша
<span class=
"key">ESC
</span> - удалят созданное вами выделение для обрезки.
</p>
97 <p>В следующем разделе будет рассказано о том, как сохранить выделенную область.
</p>
98 <h2><a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>Сохранение и конвертация
</h2>
99 <p>Для того чтобы сохранить или конвертировать изображение в другой формат выберите в меню
<span class=
"menu">Файл (File)
</span> пункт
<span class=
"menu">Сохранить как... (Save as...)
</span>, далее выберите формат и название для файла изображения.
<br />
100 Обычно более быстрым способом, особенно когда открыта нужная папка в Tracker, является способ
"перетащить и бросить" (drag
&drop).
</p>
101 <img src=
"../images/apps-images/showimage-dnd.jpg" alt=
"showimage-dnd.jpg" />
102 <p>Принцип этого метода изображен выше. Для этого выделите отдельную область или всё изображение, выбрав в меню
<span class=
"menu">Правка (Edit)
</span> пункт
<span class=
"menu">Выделить всё (Select all)
</span>. Затем просто потащите левой кнопкой мыши и бросьте на Рабочий стол или любое окно Tracker.
</p>
103 <p>Для того чтобы используя этот метод ещё и сохранить изображение в другому формате, используйте правую кнопку мыши вместо левой. После того как вы бросите изображение появится контекстное меню, в котором можно выбрать в каком формате сохранить изображение.
</p>
104 <h2><a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>Горячие клавиши
</h2>
105 <p>Ниже представлен список наиболее полезных сочетаний клавиш:
</p>
106 <table summary=
"keycombos" border=
"0" cellspacing=
"0" cellpadding=
"2">
107 <tr><td><span class=
"key">←
</span> /
<span class=
"key">↑
</span></td><td style=
"width:15px;"></td><td>Предыдущее изображение
</td></tr>
108 <tr><td><span class=
"key">→
</span> /
<span class=
"key">↓
</span></td><td></td><td>Следующее изображение
</td></tr>
109 <tr><td><span class=
"key">DEL
</span></td><td></td><td>Удалить в корзину
</td></tr>
110 <tr><td><span class=
"key">+
</span></td><td></td><td>Увеличить
</td></tr>
111 <tr><td><span class=
"key">-
</span></td><td></td><td>Уменьшить
</td></tr>
112 <tr><td><span class=
"key">0</span></td><td></td><td>Оригинальный размер (масштаб
1:
1)
</td></tr>
113 <tr><td><span class=
"key">1</span></td><td></td><td>Подогнать под размеры окна
</td></tr>
114 <tr><td><span class=
"key">ALT
</span> <span class=
"key">ENTER
</span></td><td></td><td>Включить/выключить полноэкранный режим (также активируется при помощи двойного щелчка левой клавишей мыши)
</td></tr>
115 <tr><td><span class=
"key">CTRL
</span></td><td></td><td>Удерживая клавишу
<span class=
"key">CTRL
</span>, вы можете выделить область, которую хотите вырезать, без перехода в режим выделения
</td></tr>
122 <div class=
"inner"><span>
123 «
<a href=
"screenshot.html">Screenshot
</a>
124 ::
<a href=
"../applications.html#list-of-apps" class=
"uplink">Приложения
</a>
125 ::
<a href=
"softwareupdater.html">SoftwareUpdater
</a> »