titleView иконки в приложении Facebook (алгоритм рисования так?)

Question

изображение магазина приложений

Новая версия приложения Facebook для iPhone имеет тисненые изображения панели инструментов в заголовке UINavigationItem. На этом изображении трудно увидеть, но в основном есть внутренняя тень, а затем мягкое внешнее свечение, и когда вы нажимаете на них, они имеют полное свечение, как обычные кнопки на полосах.

Они имеют вид штампованного или тисненого вида, а не белой маски кнопок с обычными полосами.

Есть идеи, как это сделать? Большое спасибо, спасибо.

Answer 1

Наймите графического дизайнера для создания изображений кнопок для различных состояний.:)

Answer 2

Пока я в пути, хотя я еще не оптимизировал свой код для рисования. Это заняло у меня гораздо больше времени, чем мне бы хотелось, но я надеюсь, что в итоге это окупится. Я подозреваю, что приложение Facebook просто использует изображения.

Шаг 1: обрезать границы и нарисовать цветовой оттенок (немного альфа-прозрачности)

Шаг 2: нарисовать внутреннюю тень, используя этот код (удалить параметры пути для параметра изображения)

Шаг 3: CGContextBeginTransparencyLayer, установите shadow = white, нарисуйте свое изображение, затем снова нарисуйте его с помощью kCGBlendModeDestinationOut

На данный момент нужно просто настроить цвет (шаг 1) и параметры тени (шаги 2 и 3).

После этого я подозреваю, что эффект нажатия и свечения будет легким. Это была хорошая графическая практика!