30PP0 Jun 26 2013 at 11:03

Интеграция дизайна мобильных приложений. Часть 2: iOS, Windows Phone

3 min

42K

Development for iOS*Development for Windows Phone*

+20

Comments 11

Shersh Jun 26 2013 at 12:26

Windows Phone прекрасен для дизайнеров и разработчиков тем, что там вполне можно обойтись без картинок.
В Blend есть прекрасный инструмент — Import from Photoshop (или Illustrator), который импортирует в обычные кривые.

Ваш флажок и скрепка и стрелочки вполне простые элементы, которые как раз подходят для этого. И не надо будет больше волноваться насчет разрешений и разработчику проще. Ведь для того, чтобы изменить цвет у стрелочки, все что нужно будет это {Binding ArrorColor}.

30PP0 Jun 26 2013 at 12:54

А векторная прорисовка несильно жрёт ресурсы девайса на отрисовку интерфейса? Просто я слышал, что Windows Phone использует для отрисовки UI системы именно статические картинки, чтобы девайсы не тормозили. Правда ли это, т.к. на практическом программном уровне в WP я не копал?
Если поделитесь ссылками про программную отписовку UI, буду очень благодарен!

Shersh Jun 26 2013 at 13:13

Да, вы правы. В разделе «Choosing between images and XAML» для статических ресурсов советуют картинки.

msdn.microsoft.com/en-us/library/windowsphone/develop/ff967560(v=vs.105).aspx#BKMK_Understandingthreads

HomoLuden Jun 26 2013 at 15:04

Как компромисс есть еще CacheMode, который за вас сделает растеризацию под текущее разрешение.

rule Jun 26 2013 at 12:31

Спасибо за статьи, буду посылать сюда дизайнеров, с которыми работаю.

qbique Jun 26 2013 at 13:25

Что-то мне подсказывает, что тупой ресайз приведёт к снижению качества графики. В случае с iOS, уменьшение в 2 раза будет работать нормально только в том случае, если координаты и размеры будут кратны 2м. Для WP увеличение в 1.6 раза вообще гарантирует, что графика перестанет попадать в точки. Что ж делать? :)

30PP0 Jun 26 2013 at 13:30

Да, проблема «мыльных пикселей» остаётся открытой. Совет такой же, как и в интеграции под Android — просмотреть ресурсы и руками поправить то, что будет иметь косяки. Долго копал в поисках автоматического решения этой проблемы, но пока ничего конкретного нету.

jimpanzer Jun 26 2013 at 14:04

А не будет ли меньшей потери качества и увеличения «мыла» при ресайзе в меньшую сторону для Windows Phone? (WXGA to WVGA)?

30PP0 Jun 26 2013 at 14:19

Думаю, будет примерно одинаково, как показывает практика для iOS. В принципе, причина, по которой я делаю НЕ как вы говорите, только в том, что макеты изначально создавались для WP7.

egormerkushev Jun 26 2013 at 18:59

А я всё по старинке slice'ом…

vinogradovser Jun 27 2013 at 19:15

Спасибо за хорошую статью

>> Важно отметить (и запомнить!), что цвета для программистов надо указывать в десятеричном формате.

В коде удобно использовать дополнительный класс — https://github.com/phonegap/phonegap-plugins/blob/master/iPhone/NotificationEx/UIColor-Expanded.h

+ (UIColor *)colorWithHexString:(NSString *)stringToConvert;

Но если в IB, то да, десятеричный формат

Show the best of all time