Делаем скин для эмулятора WP7

Сегодня поговорим о том как сделать скин для эмулятора WP7.
Возможность создания такой модификации отображения официально не поддерживается, поэтому всё описанное можно производить только на свой страх и риск.
Сам скин состоит из четырёх файлов, располагающихся в папке C:Program FilesMicrosoft XDE1.0 :
— WM7_Skin.xml
— WM7_Skin_Down.png
— WM7_Skin_Mask.png
— WM7_Skin_Up.png
Файл WM7_Skin_Mask.png представляет собой маску. Прозрачный цвет используется для описания тех областей, которые будут прозрачными. Белый цвет используется для описания формы устройства. Так же используются сплошные однотонные заливки различными цветами для описания областей размещения системных кнопок.
WM7_Skin_Up.png описывает вид эмулятора, в состоянии когда все системные кнопки не нажаты, а файл WM7_Skin_Down.png описывает вид эмулятора, при котором все системные кнопки не нажаты. Таким образом эти два изображения должны отличаться в местах расположения однотонных масочных заливок для кнопок в файле маски.
Файл WM7_Skin.xml служит для конфигурирования внешнего вида эмулятора. Содержание файла интуитивно понятно.
Например, строки
displayWidth=»480″
displayHeight=»800″
описывают нативный (физический) размер экрана эмулируемого устройства.
<button
toolTip=»Back»
onClick=»0x3B»
mappingColor=»0xF7941D»
/>
— это описание системной кнопки назад, содержит подсвечиваемое в эмуляторе название кнопки (его можно изменить, но поддерживаются только латинские буквы), код кнопки, цвет маски кнопки.
После создания собственного скина его можно загрузить в папку C:Program FilesMicrosoft XDE1.0 ; а если вы хотите использовать скин для предпросмотра в Visual Studio и Expression Blend, то созданный скин надо скопировать и в папку C:Program FilesMicrosoft SDKsWindows Phonev7.0Emulation (обязательно сохраните копии оригинальных файлов, чтобы иметь возможность вернуть стандартное представление).
Вот что у вас получится:

Слева вы видите предпросмотр XAML, а справа — непосредственно запущенный эмулятор.
Надо сказать, что энтузиасты создают скины с самого появления эмулятора. И можно скачать уже готовые скины из следующих мест:
http://social.msdn.microsoft.com/Forums/en-US/windowsphone7series/thread/9be5e8ad-bfdb-4903-82d8-11bf4d2661ba/
http://www.jeff.wilcox.name/2011/04/focus-theme/
http://www.studentguru.gr/blogs/vangos/archive/2011/04/06/iphone-theme-for-windows-phone-emulator.aspx

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *