Руководство
по Созданию Кастомных Иконок
и Изображений
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
161
(
Советы
по Созданию Масштабируемого Изображения
)
Вы можете
создать
изменяемый размер изображения
,
чтобы индивидуализировать фон
из
нескольких
стандартных
элементов
пользовательского интерфейса
,
такие
как
popovers,
кнопки
,
навигационные панели
(navigation bars),
панели
вкладок
(tab bars)
и
панели инструментов
(toolbars) (
в
том
числе пункты
этих
панелей
).
Предоставление
масштабируемых изображений для
этих
элементов может привести
к лучшей
производительности приложения
.
Для многих
элементов пользовательского
интерфейса
,
вы можете
также
указать
заглушки
(end caps)
в дополнение
к
внешнему виду фона
.
Заглушки
определяют
область изображения
,
которые
не должны масштабироваться
.
Например
,
можно
создать масштабируемый размер
изображения
,
которое
включает
в
себя
четыре
заглушки
,
которые определяют
четыре
угла
кнопки
.
Когда
изображение масштабируется
для
заполнения
области фона
кнопки
,
части
,
определенные
заглушкой
,
растягиваются
без
изменений
.
В
зависимости от
размеров масштабируемого изображения
,
которые вы
применяете
,
iOS
либо
растягивает
,
либо
заполняет
участи области фона
элементами
пользовательского
интерфейса
.
Под растягиванием
подразумевается
то
,
что при
масштабировании изображения не
учитываются
исходные пропорции
.
Растягивание
производительно
,
но не желательно для
“multipixel”
изображений
,
которые могут
искажаться
.
Заполнение
изображения
–
это многократное повторение оригинального
изображения для
заполнения целевой
области
.
Заполнение является менее
производительным
,
чем
растяжение
,
но
это единственный путь для достижения
текстурированного
или
узорного
эффекта
.
Как
правило
,
вы должны
предоставить наименьшее
изображение
(
за исключением
заглушки
),
что
в результате будет
выглядеть
,
как
вы
этого желаете
.
Например
:
● Используя
сплошной цвет
в
изображении без
градиента
,
вам потребуется
изображение
1
х
1
пиксель
.
● Используя
вертикальный
градиент
,
создайте изображение шириной
1
пиксель
и
высотой
,
которая будет
такой же
,
как и
высота фона
элемента пользовательского
интерфейса
.
● Предоставляя
повторяющийся
текстурированный
вид
,
необходимо
создать
изображение
с
размерами
,
которые
соответствуют
размерам
повторяемой
части
текстуры
.
● Предоставляя
неповторяющиеся
текстуры
,
необходимо
создать
статическое
изображение
,
с размерами
,
соответствующими размерам
области фона
элемента
пользовательского
интерфейса
.
-----------------------------------------------------------------------------------------------------------------------------
Примечание
:
Если
вы
создаете масштабируемое
изображение для
Retina display,
вам
также необходимо
обеспечить
версию
изображения для
высокого изображения
.
Например
,
вы могли бы
также предоставить однотонные изображения
2
х
2
пикселя или
изображения
градиента
,
имеющие ширину
2
пикселя
.
-----------------------------------------------------------------------------------------------------------------------------
Application Icons
(
Иконки Приложения
)
Иконка приложения
-
это
иконка
,
которую
пользователи
располагают
на
экране
устройства
и
на
которую
нажимают для
запуска
приложения
.
Это место
,
где брендинг
и
