Windows visual studio 2010 express windows phone

Время на прочтение7 мин

Количество просмотров22K

Предыдущая часть

Инструменты для создания приложений

При установке Windows Phone Developer Tools вы получаете следующие бесплатные инструменты и компоненты.

• 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

Если у вас уже есть установленная Visual Studio 2010 (Professional или Ultimate), то вы можете использовать для разработки свою редакцию Visual Studio 2010 после установки Windows Phone Developer Tools.

Expression Blend for Windows Phone

Expression Blend for Windows Phone — программа для разработки дизайна, которая позволяет создавать и добавлять специальные визуальные возможности, такие как градиенты, анимации и переходы. Для некоторых задач Expression Blend проще в использовании, чем Visual Studio. Следующий список содержит некоторые задачи, которые легко выполняются с помощью Expression Blend.

• Визуальное создание шаблонов данных
• Использование во время разработки тестовых данных для визуализации шаблонов данных
• Визуальное создание стилей элементов управления
• Создание и просмотр анимации

На следующем изображении показан внешний вид Expression Blend.

Картинка с сайта: habr.com

Примечание:
В этой статье описывается работа в Visual Studio 2010 Express for Windows Phone, и не будет использоваться Expression Blend for Windows Phone.

Visual Studio 2010 Express for Windows Phone

Visual Studio 2010 Express for Windows Phone включает в себя drag-and-drop дизайнер, который имитирует внешний вид телефона, редактор кода и отладчик. Если вы работали с Visual Studio для разработки других видов приложений, вы обнаружите среду для разработки мобильных приложений очень знакомой. На следующем изображении показан внешний вид Visual Studio 2010 Express for Windows Phone.

Картинка с сайта: habr.com

Дизайнер для Windows Phone содержит панель инструметов (Toolbox), режим дизайна (Design view), режим XAML (XAML view), обозреватель решений (Solution Explorer) и окно «Свойства» (Properties window), похожие на стандартный дизайнер Visual Studio. Два ключевых различий в том, что в режиме дизайна поверхность выглядит как Windows Phone устройство, и появилось целевое устройство (Target device), которое позволит вам выбрать, будет ли вы отлаживать приложение на устройстве или эмуляторе. На следующем изображении показан внешний вид эмулятора в портретной и альбомной ориентации.

Рекомендации по проектированию интерфейса (Design Guidelines)

Важно, что бы вы знали об установленных принципах проектирования интерфейса, если вы планируете опубликовать своё Windows Phone приложения в App Hub. Рекомендации по проектированию описывают, как спроектировать пользовательский интерфейс для своего приложения.

Рекомендации по проектированию интерфейса, сертификационные требования и другая важная информация будет повторяться в данной статье там, где она будет нужна.

В следующей таблице приводится краткое изложение основных принципов проектирования интерфейса и требований к приложений, которые необходимо учесть при проектировании и разработке вашего приложения. Полный и самый актуальный список рекомендаций по проектированию интерфейса вы можете найти по следующей ссылке.
UI Design and Interaction Guide for Windows Phone 7

Дополнительные ресурсы

Ниже приведены некоторые ссылки на дополнительные ресурсы, где можно узнать больше о разработке для Windows Phone.

Следующая часть

Visual Studio 2010 Express

Microsoft Visual Studio, Express-version — a set of free tools that offer you an exciting experience with the new integrated development environment, the new editor is built in the Windows Presentation Foundation (WPF) and supports the new .NET Framework 4., a simplified version of Visual Studio 2010 line of innovative application development tools for non-professional developers. Key features and characteristics of Visual Studio 2010 Express:Visual Studio provide key innovations in the following areas: — Creating intelligent client applications;- Provides tools to support the latest innovations in application architecture, development and deployment;- Contains many enhancements that make it easier to develop powerful and compelling applications.

Windows Phone 7 Series Emulator

Windows Phone 7 Series Emulator is a program designed to test WP7S applications and is included in the Microsoft Visual Studio 2010 Express for Windows Phone development kit. The file weighs 75 MB and requires Windows 7 or Windows Vista to run. With the help of the emulator it is possible to change phone settings, create and manage Silverlight and XNA applications, the emulator is also included in Expression Blend 4. The emulator supports multi-touch on a desktop and laptop computer running on a Windows 7 platform.

XNA Game Studio 4.0

Microsoft XNA Game Studio is an integrated development environment, a set of tools for creating and managing computer games for Xbox and Windows computers. Key features and characteristics of XNA Game Studio 4.0: — It is possible to create video games for Windows Phone 7 Series, which has hardware accelerated 3D API and integration with Visual Studio 2010; — supports Xbox LIVE and premium games for WP7; — With the help of Gamer Services API it is possible to get information about the player’s tag and user’s 2D-avatar; — it is possible to work with offline games, in which commands are given in asynchronous mode; — replaced by StorageContainer.TitleLocation on the new OpenStream API;- Premultiplied Alpha is now enabled by default; — New customizable effects — SkinnedEffect, EnvironmentMapEffect, DualTextureEffect and AlphaTestEffect, designed to work effectively on the GPU;- Implemented automatic rotation, so you do not need to write special code for processing portraits, landscapes on the left and right;- Several improvements to the graphics API and much more.

Silverlight for Windows Phone

Silverlight is a browser plug-in that allows you to run applications that contain animation, vector graphics, audio and video clips, which is typical for RIA (Rich Internet application). Silverlight is supported by Windows 2000, Windows XP, Windows Server 2003, Windows Vista, Windows 7, Mac OS X 10.4, Mac OS X 10.5, Mac OS X 10.6 and browsers Internet Explorer 6.0/7.0/8.0, Mozilla Firefox 1.5/2.0/3, Safari 3.1, Google Chrome 3.0. Future plans include support for Opera, mobile devices starting with Windows Mobile 6 and Symbian (Series 6.0), and possibly other platforms.Silverlight for Windows Phone, a platform for developing applications for the Windows Phone 7 Series, supports the core capabilities of Silverlight in .NET with XAML editor.Key features and characteristics of Silverlight for Windows Phone: — the ability to create high quality video and audio using a wide range of codecs, DRM and IIS; — the presence of Deep Zoom to expand the experience of reading and viewing photos; — the creation of vector and raster graphics and animation; — Silverlight makes it possible to get access to the unique features of the phone, including:- to hardware video and graphics acceleration; — accelerometer; — Multi-Touch settings; — camera and microphone control; — Location Awareness, etc.- Silverlight can be used with the XNA Framework to work on sound and playback; — Access to multimedia libraries and access to Xbox LIVE; — The Silverlight application is supported by Visual Studio 2010 and Expression Blend; Windows Phone Emulator integrates with both Visual Studio and Expression Blend and provides tools for deployment, debugging and execution of the Silverlight application.

Microsoft Expression Blend 4.0

Microsoft Expression Blend — a tool designed for the development of animated design of web-interfaces and graphical desktop applications using the latest technologies, is part of the package of graphical programs Microsoft Expression Studio. Key features and characteristics of Microsoft Expression Blend 4.0:- is equipped with a built-in XAML editor, which allows you to design interfaces without reliance on source code, as well as customize the interface being created; — supports WPF, using methods of OpenType and ClearType, based on 2D and 3D controls with hardware acceleration through DirectX;- allows you to combine various design elements — video, vector graphics, text, animation, raster images, three-dimensional objects — the user interface template is compatible with the Microsoft Visual Studio environment, which allows you to quickly and easily modify it and create other screenshots based on it — is supported only after installation.NET Framework 4.;- added support for Silverlight 4 and Windows Presentation Foundation 4 with the ability to create and edit Silverlight 3 and WPF 3.5 with Application Update Pack 1 (SP1);-Continuous interaction with Visual Studio 2010 is ensured;-new features have been introduced that support Model-View-ViewModel (MVVM) for business application development, as well as CallMethodAction and InvokeCommandAction, expanding the design capabilities of these applications; -new controls have been added, such as PathListBox, new shader effects pixel, transition effects and useful tool enhancements.

Инструментарий разработки, шаблоны и первое приложение

Инструментарий

Visual Studio 2010

Чтобы разрабатывать для Windows Phone потребуется Visual Studio 2010 c Service Pack 1 редакции Professional или выше. Если у вас нет Visual Studio 2010, при установке инструментарий разработки для Windows Phone, автоматически будет установлена бесплатная версия Visual Studio 2010 Express for Windows Phone, на которой также можно разрабатывать приложения под Windows Phone. 12:

Обе версии интегрированных средств разработки Visual Studio предоставляют разработчику полноценные возможности по отладке на устройстве и эмуляторе такие же, какие есть у разработчиков приложений под настольную версию Windows.

Обратите внимание, что для того, чтобы отлаживаться на устройстве, помимо собственно устройства и кабеля для подключения его к компьютеру разработчика, на компьютере со средствами разработки необходимо иметь установленное ПО Zune (http://zune.net). Также перед развертыванием приложения и отладкой, требуется зарегистрировать устройство или «разлочить», с использованием утилиты Windows Phone Developer Registration Tool, которая устанавливается вместе с Windows Phone SDK.

Windows Phone SDK

Этот пакет, доступный для скачивания на сайте App Hub http://create.msdn.com содержит всё необходимое, для того, чтобы начать разработку. На апрель 2012г., последняя версия инструментария доступна в версии Windows Phone SDK 7.1 Release Candidate в лицензии «Go Live» с возможностью разрабатывать свои приложения и публиковать их в Windows Phone Marketplace. Windows Phone SDK 7.1 Release Candidate содержит следующие компоненты:

• Windows Phone SDK 7.1
• Windows Phone Emulator
• Windows Phone SDK 7.1 Assemblies
• Silverlight 4 SDK and DRT
• Windows Phone SDK 7.1 Extensions for XNA Game Studio 4.0
• Expression Blend SDK for Windows Phone 7
• Expression Blend SDK for Windows Phone OS 7.1
• WCF Data Services Client for Windows Phone
• Microsoft Advertising SDK for Windows Phone

Если у вас не установлена версия Visual Studio 2010 редакции Professional, Expression Bland 4 или XNA Game Studio 4.0, в процессе установки также будут скачаны и установлены:

• Visual Studio 2010 Express for Windows Phone
• Expression Blend 4 for Windows Phone
• XNA Game Studio 4.0

Expression Blend и Expression Blend for Windows Phone

Expression Blend – это интерактивный визуальный дизайнер для XAML, технологии описания интерфейса для приложений Silverlight и Windows Presentation Foundation (WPF). Это отличное средство разработки, которое позволяет просто манипулировать слоями, анимацией, стилями и шаблонами. Это базовое средство разработки на XAML. Собственно программа Expression Blend не бесплатна, однако, специальная версия для создания дизайнов приложений под Windows Phone, под названием Expression Blend 4 for Windows Phone доступна для разработчиков бесплатно. Она закачается и установится в процессе установки Windows Phone SDK, если у вас на компьютере нет полной версии Expression Blend. Подробнее об Expression Blend 4 можно прочитать на MSDN: http://msdn.microsoft.com/ru-ru/library/cc296227.aspx

XNA Game Studio 4.0

XNA Game Studio – это программное окружение, которое позволяет разрабатывать в Visual Studio игры для Windows Phone, консоли Xbox 360 и компьютеров на базе Windows. Включает в себя XNA Framework, представляющий собой набор библиотек на управляемом коде для разработки игр. Подробнее можно прочитать на MSDN: http://msdn.microsoft.com/ru-ru/library/bb200104.aspx

Windows Phone Emulator

Несмотря на то, что Windows Phone Emulator не содержит полного набора приложений доступных на реальном устройстве, он предоставляет мощную среду, позволяющую практически полностью разработать приложение в эмуляторе.

Эмулятор Windows Phone Emulator не поддерживает проигрывание медиаконтента Zune. Эмулятор поставляется только с одним встроенным приложением Internet Explorer, но это Internet Explorer 9 с поддержкой HTML5.

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

Подробнее можно прочитать на MSDN: http://msdn.microsoft.com/ru-ru/library/ff402563(v=VS.92).aspx

Дополнительный инструментарий разработчика

Windows Phone Developer Registration Tool

Перед тем, как разработчик сможет развернуть своё приложение на реальном устройстве, его необходимо зарегистрировать как устройство разработчика – «разлочить». Это делается один раз для определенного телефона. Зарегистрированный на Marketplace разработчик может зарегистрировать до 3 устройств (для разработчика, зарегистрированного, как студент количество устройств ограничено до одного). Подробнее: http://create.msdn.com

Windows Phone Profiler

Windows Phone Profiler доступен в меню Debug Visual Studio Рис. 1.4 с установленным инструментарием Windows Phone SDK.

Анализирует работу программы во время исполнения , идентифицирует возможные проблемы с производительностью. Подробнее можно прочитать на MSDN: http://msdn.microsoft.com/ru-ru/library/hh202934(v=VS.92).aspx

Silverlight Toolkit for Windows Phone

Silverlight Toolkit for Windows Phone – набор полезных элементов управления Silverlight дляWindows Phone с поддержкой режима дизайна, от команды разработчиков Silverlight. Доступен весь исходный код, примеры и документация. Обновляется приблизительно раз в три месяца, доступен по адресу http://silverlight.codeplex.com или через NuGet.

Текущий релиз включает в себя такие элементы управления, как ContextMenu, DatePicker и TimePicker, ToggleSwitch, WrapPanel и GestureHelper.

Среда разработки

После установки средств разработки Windows Phone SDK в диалоге New Project в Visual Studio Рис. 1.5 появятся группы проектов для Silverlight for Windows Phone:

Картинка с сайта: intuit.ru

Рис.
1.5.
Диалог New Project в Visual Studio

и в группе XNA Game Studio 4.0 добавятся проекты для Windows Phone Рис. 1.6 :

Картинка с сайта: intuit.ru

Рис.
1.6.
Группа XNA Game Studio 4.0

Рассмотрим доступные разработчику приложений шаблоны несколько более подробно.

После установки разработчику доступны следующие шаблоны приложений Silverlight for Windows Phone:

• Windows Phone Application
• Windows Phone Databound Application
• Windows Phone Class Library
• Windows Phone Panorama Application
• Windows Phone Pivot Application
• Windows Phone Silverlight and XNA Application
• Windows Phone Audio Playback Agent
• Windows Phone Audio Streaming Agent
• Windows Phone Scheduled Task Agent

Перед тем как перейти непосредственно к шаблонам приложений, нобходимо ознакомиться с введением в Windows Phone и Metro-дизайн.

Windows Phone и Metro-дизайн

Платформа Windows Phone не просто очередная платформа для мобильных устройств. Она содержит в себе не только технологическую составляющую, но и полностью проработанную концепцию дизайна интерфейса и взаимодействия с пользователем под названием Metro-дизайн или стиль Metro.

Если вы дизайнер или в вашей команде есть выделенный дизайнер, вы можете воспользоваться всей мощью инструментарий Expression Blend 4 или Expression Blend for Windows Phone, которая поставляется вместе с Windows Phone SDK.

Что же делать если вы разработчик и не хотите заниматься визуальным дизайном приложения, например, вы разрабатываете бизнес-приложение и всё что от него требуется, соответствовать общему дизайну и стилю Windows Phone?

Всё очень просто. Во-первых, Silverlight для телефона разработан с учётом требований Metro-дизайна, поэтому все встроенные элементы управления выполнены в Metro-дизайне. Во-вторых, по умолчанию, приложения, созданные из шаблонов из поставки Windows Phone SDK, работают, выглядят и используют стили и шрифты в соответствии с Metro-дизайном.

С другой стороны, возможностей стилизации элементов управления и приложений, основанных на XAML, которые представляет Silverlight, вполне достаточно, чтобы сделать своё приложение неповторимым и узнаваемым, оставаясь в рамках стиля Metro.

Руководство по дизайну интерфейсов и взаимодействию с пользователем для Windows Phone можно найти по следующей ссылке http://msdn.microsoft.com/ru-ru/library/hh202915.aspx

Всё что было сказано выше относится, конечно, к дизайну обычных приложений, так как требования к дизайну игровых приложений и их интерфейсу, могут существенно отличаться. При этом не надо забывать об общих принципах взаимодействия с пользователем, заложенных в концепции Windows Phone.

Let’s take a look now at the steps required to begin development of Windows Phone games and applications.

1. Installing Visual Studio

Installing Visual Studio
for Windows Phone development is very easy. If you do not already have a
full version of Visual Studio installed, you can visit http://create.msdn.com
to download Visual Studio 2010 Express for Windows Phone. This is a
free, complete, and fully functional development environment that will
provide all the tools needed for you to develop your games.

If you already have a full
version of Visual Studio 2010 installed, the same download will allow
you to add support for Windows Phone projects to your existing
installation. The setup application will detect the presence of Visual
Studio 2010 when it is launched, and will download just the components
that are required, based on your current system configuration.

Once the installation is
complete, Visual Studio 2010 can be launched, and the new project types
for Windows Phone development will appear. Figure 1
shows the New Project window from Visual Studio 2010 Express for
Windows Phone, containing just the Silverlight and XNA project template.

Figure 1. Creating a new project in Visual Studio 2010 Express for Windows Phone

Картинка с сайта: guides.wmlcloud.com

Figure 2 shows the same window in Visual Studio 2010 Professional with the Windows Phone development tools installed.

Figure 2. Creating a new project in Visual Studio 2010 Professional

Картинка с сайта: guides.wmlcloud.com

Once everything is installed as required, we are ready to begin.

2. Creating a Windows Phone Project

With tools all in place, it
is time to finally create a simple Windows Phone application and take a
look at how we interact with both the emulators and real devices. We
will create a simple Silverlight application for this purpose.

To begin, select File => New => Project within Visual Studio, and choose the Visual C# item within the list of Installed Templates, followed by the Silverlight for Windows Phone
template. The panel to the right will display the available Silverlight
templates that can be used to create a new project. Select the Windows Phone Application item.

Above the templates is a
drop-down list that allows the .NET Framework version to be selected.
For Windows Phone development we will always leave this set to .NET
Framework 4.

At the bottom of the window, select a project directory and enter a project name (or accept the default name of WindowsPhoneApplication1
if you wish). Unless you have a particular preference for using
separate directories for the solution and project files, uncheck the Create directory for solution check box to keep the directory structure a little tidier.

Once everything is ready, click
the OK button to create the project. After a few seconds, the new
project will open within the Visual Studio IDE.

2.1. Project Templates

A number of different
templates are provided by Visual Studio for your new project. Each of
these will result in a different initial project for you to start
working on, as follows:

• Silverlight/Windows Phone Application:
  This is the main project template for creating Silverlight
  applications.

• Silverlight/Windows Phone List Application:
  This template creates another nearempty Silverlight project, but with a
  scrollable item list initially present within the main page. This can
  be a useful shortcut if your user interface takes this form.

• Silverlight/Windows Phone Class Library:
  In order to create a class library that can be used by other
  Silverlight projects, use this template. Note that Silverlight class
  libraries cannot be used by XNA projects.

• XNA Game Studio 4.0/Windows Phone Game:
  This is the template to select to create a new XNA game project.

• XNA Game Studio 4.0/Windows Phone Game Library:
  Just as with the corresponding Silverlight template, this template
  creates a class library that can be used by other XNA projects. XNA
  class libraries cannot be used by Silverlight projects.

It is not possible to
change the project type once the project has been created. If you find
that you need to change the project once you have started developing it,
you will need to create a new project of the required type and copy in
all of the existing code files.

3. Designing a Page

Now, we are ready to make some minor changes to your test application’s default page. The page is named MainPage.xaml inside Solution Explorer and should open automatically when the project is created.

On the left half of the
page editor window is the page designer and preview area. On the right
half is the XAML code for the page. If you want, you can change the
orientation of the divide by clicking the Horizontal Split or Vertical
Split buttons at the bottom or right of the dividing bar between the
two. The two parts can also be quickly swapped over by clicking the Swap
Panes button, also located inside the divider. The designer panel also
contains a useful zoom slider that allows you to focus more closely on
the page design for detailed layout work if required.

Notice that the page is
very, well, black. There is actually a good reason for this, and it is
something that you’ll notice across many of the Windows Phone
applications. Windows Phone devices commonly use organic light emitting
diode (OLED) screens for display; they provide a sharp image and are
highly responsive to updates, but consume more power when they emit more
light. Having a black background therefore results in lower power
consumption, which is always a good thing for a mobile device.

For the purposes of this simple
application, we will simply place a Button control onto the page and
get it to display a message when clicked. The Button is added from the
toolbox exactly as it would be for a desktop application: click the
Button icon in the Toolbox panel and then draw it into the empty region
in the center area of the page. The result can be seen in Figure 3.

Figure 3. Windows Phone Silverlight page designer

Once you have added your Button, take a look at its properties in the Properties window (see Figure 4).
If you are used to creating Silverlight applications outside of the
Windows Phone environment, everything should look very familiar: all the
normal Silverlight properties should be present and correct. If you
have worked only with Windows Forms in the past, many of these
properties might be unfamiliar, but there should also be some whose
purpose is obvious.

Figure 4. The Button’s properties

Double-click the button to open the code designer and create the button’s Click
event handler. This will display the «code behind» file for the page,
which is where the C# code is developed. In Solution Explorer you will
see that the MainPage.xaml item has expanded to reveal MainPage.xaml.cs
contained within. These two files are analogous to the form design and
form code files that are present when working with Windows Forms.

The code within MainPage.xaml.cs
should look just as you would expect when developing a desktop
application. At this stage, it should be clear how much similarity there
is within the Visual Studio IDE between desktop and Windows Phone
application development.

Complete the implementation of the button1_Click procedure, as shown in Listing 1, so that it simply displays a MessageBox.

Example 1. The button1_Click procedure

private void button1_Click(object sender, RoutedEventArgs e)
{
    System.Diagnostics.Debug.WriteLine("Debug text");
}