Как написать свое первое приложение для Windows Phone 7. 14 шагов в картинках!

Написать свою програму для телефона проще чем Вы думаете!

В этой инструкции я опишу создание приложения на примере онлайн прокси сервера. После прочтения Вы сможете писать подобные приложения сами.

За основу был взят мой рабочий WEB прокси http://proxy.asys.org.ua, он дает возможность анонимно посещать сайты, или же обойти блокировку просмотра “развлечений” на работе. При условии конечно что указанный выше адрес сам не заблокирован)

upd. на данный момент он отключен.

Далее подробно показан каждый шаг на Вашем пути..

Итак, приступаем:

Качаем и устанавливаем Windows Phone SDK 7. Этот пакет включает в себя:

  • Expression Blend for Windows Phone
  • Visual Studio 2010 Express for Windows Phone – в ней и будем писать наше приложение.
  • Windows Phone emulator – позволяет тестировать приложение, не используя телефон.
  • Zune software
  • XNA Game Studio 4.0
  • Silverlight
  • .NET Framework 4

Запускаем и видим примерно такое:

File –> New Project:

1

Visual C# –> Windows Phone Pivot Application:

2

  • Откроется окно проекта, выделяем область с “design one…two…three” –> удаляем (del на клавиатуре).
  • Обратите внимание на то, что таких областей у нас две, т.к. мы используем две вкладки (first и second).
  • Для перехода на другую вкладку переключитесь в меню вверху слева (Pivot Item):

3

Получили такое, меняем шапку приложения на Google Proxy (или на что нибудь еще) в коде, согласно выделенному тексту:

4

Таким же образом изменяем “first, second” на то что нам хочется видеть:

5

Нажимаем на toolbox (слева сбоку), и добавляем элемент Web Browser (для каждой вкладки нужно добавить свой):

6

  • Растягиваем браузер по размеру свободной части дисплея (не забудьте переключить вкладки).
  • И что очень важно – добавить в коде (согласно скриншоту) IsScriptEnabled = true (эта часть нужна для разрешения работы скриптов на страницах):

8

Теперь переходим к редактированию кода браузера (он общий для обеих вкладок):

10

  • Дописываем все согласно картинке (вверху “using…” используемые библиотеки, фукции и расширения, ниже сам код).
  • В коде указаны статичные ссылки для вкладок браузеров (Вы, наверное, заметили раньше что у браузеров разные идетификаторы webBrowser1/2).
  • Первая вкладка теперь напрямую открывает сайт гуугла, а вторая через прокси (сам прокси сервер находится в облаке и достаточно просто указать правильный адрес):

11

Переходим к настройкам проекта, тут можно выставить версию, название, автора, копирайты и т.п.:

12

  • А еще неплохо бы поменять иконку/заставку и фон приложения.
  • Для этого открываем, с помощью удобного нам редактора, эти картинки –> меняем и сохраняем. Всего их 3:

13

  • Готово?! Пробуем, нажав F5.
  • Откроется окно эмулятора и запустит наше приложение.
  • Если с первого раза приложение в эмуляторе не запустится, закройте ошибку и повторно нажмите F5:

22

 Проверяем ip=) Работает же:

23

  • Если теперь нас все устаривает –> закрываем эмулятор и нажимаем F6.
  • Будет создан файл с расширением .xap и найти его можно согласно скриншоту (путь станадарнтный).
  • Приложение можно разместить в Windows Marketplace и/или установить на разлоченный телефон:

20

  • Вот и все дела) Удачи)
  • Если есть вопросы – с удовольствием на них отвечу
  • Кстати – вот Вам проект (пароль: ASyS), который я описывал)

#windows #phone #sdk7 #wp7 #wp8 #asys

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

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