Бесплатные растровые изображения для пользовательских кнопок и слайдеров iOS? - PullRequest
7 голосов
/ 17 октября 2010

Во-первых, Я не говорю о библиотеках иконок или макетных инструментах / библиотеках.

Я знаком с различными библиотеками значков, которые создавали люди, но кроме материала из примера кода, такого как UICatalog, мне интересно, знает ли кто-нибудь кого-нибудь, кто создал бесплатные библиотеки пользовательских растровых изображений кнопок ( растягиваемые изображения кнопок ), ручка слайдера / растровые изображения дорожек и т. д. В основном растровые изображения для настройки внешнего вида стандартных элементов управления для тех элементов управления (например, кнопок и ползунков), которые позволяют указывать такие растровые изображения.

Меня также интересуют любые учебные пособия / шаблоны для Photoshop по созданию растягиваемых изображений пользовательских кнопок, растровых изображений для частей слайдера и т. Д. (Боюсь, я не большой бог PS или что-то в этом роде).

Кто-нибудь знает какие-либо ресурсы, подобные этим, чтобы придумать стандартные элементы управления?

Ответы [ 2 ]

4 голосов
/ 21 октября 2010

Мне удалось найти несколько растягиваемых кнопок, выполнив поиск в моих коллекциях примера кода: "stretchableImageWithLeftCapWidth"

Из примера кода Apple, UICatalog, BubbleLevel, iPhoneMultichannelMixerTest, avTouch, AQOffilineRenderTest иВсе примеры кода TouchCells содержат кнопки с растягиваемыми изображениями.

Надеюсь, это поможет!

2 голосов
/ 21 октября 2010

Растягиваемые кнопки не проблема - в Photoshop нет ничего особенного, что вам нужно делать. Просто сделайте изображение кнопки растягиваемым и установите радиус, равный любому из закругленных углов, которые есть на графике кнопки.

Детали слайдера - я уверен, что вам придется создавать собственный UIControl с нуля.

Чтобы создать кнопку в Photoshop, создайте новый файл с прозрачным фоном, выберите инструмент «Форма», прямоугольник в нижней части инструментов, перетащите прямоугольник. Размер не имеет значения ™. Для прямоугольника со скругленными углами щелкните и удерживайте тот же инструмент, выберите форму прямоугольника со скругленными углами и установите угловые радиусы (тот же радиус, что и в stretchableImage позже).

Дважды щелкните слой справа от имени слоя, чтобы открыть всплывающее окно со стилем слоя. Проверьте Color Overlay и установите нужный вам цвет. Проверьте Inner Bevel и сделайте его размер где-то ниже половины высоты прямоугольника - я думаю, что 90 градусов для глобального угла работают хорошо. Меньшая непрозрачность и больший размер делают скос менее объемным.

Ctrl-клик (опция-клик) по графическому прямоугольнику в вашем слое, чтобы выбрать контур кнопки. Отмените выделение нижней половины, используя инструмент выделения (M) в верхней части инструментов. Выберите светло-серый цвет переднего плана, почти белый. Создайте новый слой с квадратным значком под списком слоев (Windows-> Слои, если они не видны). Заполните выделение нового слоя заливкой и перетаскивайте непрозрачность слоя до тех пор, пока эффект «матового лака» не будет выглядеть правильно.

Простая кнопка, но в этом суть.

...