Статьи

Установка и использование набора инструментов WP7 для Silverlight


В этой статье мы рассмотрим, как использовать набор инструментов Windows Phone 7 для Silverlight, который доступен с открытым исходным кодом и может быть загружен и установлен на локальный компьютер разработчика для использования в разработке приложений.
Инструментарий был локализован для поддержки всех новых языков, поддерживаемых Mango, а также новых специфических для Mango элементов управления, таких как HubTile, локализация и т. Д. Инструментарий предоставляет богатый набор элементов управления, доступных для быстрого запуска процесса разработки, просто нам нужно загрузить набор инструментов и выполнить некоторые шаги по установке, чтобы набор инструментов соответствовал нашей среде разработки.

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

  • AutoCompleteBox
  • Контекстное меню
  • DatePicker
  • DateTimeConverters
  • DatePicker
  • ExpanderView
  • GestureService / GestureListener
  • HeaderedItemsControl
  • HubTile
  • ListPicker
  • LocalizedResources
  • LockablePivot
  • LongListSelector
  • MultiselectList
  • Переходы страницы
  • PerformanceProgressBar
  • PhoneTextBox
  • TiltEffect
  • TimePicker
  • Переключить переключатель
  • WrapPanel.

Давайте начнем с пошагового процесса, чтобы узнать, как использовать этот набор инструментов с IDE Visual Studio 2010 для разработки приложений для Windows Phone 7. Перед этим нам нужно загрузить набор инструментов из расположенного ниже расположения и подготовить установку. ,

Ссылка — http://silverlight.codeplex.com/releases/view/75888

шаги:

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

2012-02-29 14h49_582012-02-29 14h50_10

2012-02-29 14h51_46

После завершения установки мы видим, что набор инструментов установлен в определенную папку, как показано на экране ниже. Мы видим, что установка произошла по пути C: \ Program Files (x86) \ Microsoft SDKs \ Windows Phone \ v7.1 \ Toolkit \ Oct11, где мы можем получить доступ к источникам набора инструментов. Теперь давайте откроем среду разработки Visual Studio 2010 и создадим новый проект Silverlight для Windows Phone 7 с допустимым именем проекта, как показано на экране ниже.

2012-02-29 15h36_06

После создания проекта мы добавим ссылку на набор инструментов Microsoft Windows Phone, который мы скачали. Для этого щелкните правой кнопкой мыши проект и выберите «Добавить ссылку» и укажите папку, в которую загружен и установлен набор инструментов (C: \ Program Files (x86) \ Microsoft SDKs \ Windows Phone \ v7.1 \ Toolkit \ Oct11 \ Bin ) и выберите dll Microsoft.Phone.Controls.Toolkit, как показано на экране ниже.

2012-02-29 15h41_57

Теперь у нас есть готовый набор инструментов, чтобы использовать элементы управления, нам нужно сначала добавить ссылку на пространство имен на страницу XAML, как показано на экране ниже. Это будет стандартным для всего проекта, здесь мы просто говорим загрузчику XAML, что будем использовать пространство имен набора инструментов со страницей. Нам нужно добавить это пространство имен на все страницы, где бы мы ни использовали элементы управления.

2012-02-29 15h50_06

Код XAML:

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

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

2012-02-29 15h54_21

Код XAML:

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">              
<TextBlock Margin="31,29,195,519" Text="Autocomplete Text Box" >           
 <toolkit:AutoCompleteBox x:Name="acBoxDestination" Margin="31,94,0,428"  HorizontalAlignment="Left" Width="407" /> </Grid>

Теперь перейдите к коду позади и добавьте приведенный ниже код в основное загруженное событие, чтобы при запуске приложения мы получили текстовое поле автозаполнения с предопределенными данными, которые мы можем изменить в соответствии с удобным способом, как показано на экране ниже. ,

2012-02-29 15h57_40

Код позади:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;

namespace F5debugWp7ToolKit
{
public partial class MainPage : PhoneApplicationPage
{
// Constructor
public MainPage()
{
InitializeComponent();
Loaded += new RoutedEventHandler(MainPage_Loaded);
}

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
List lstnames = new List();
lstnames.Add(“Karthik”);
lstnames.Add(“Ram”);
lstnames.Add(“Rahman”);
lstnames.Add(“Bhaskar”);
lstnames.Add(“Arjun”);
this.acBoxSour.ItemsSource = lstnames;
}
}
}

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

Экраны вывода:

образ

Вывод:

Итак, в этой статье мы увидели, как загрузить, установить и затем использовать набор инструментов Windows Phone 7, который можно использовать для разработки продуктивного приложения с примером использования текстового поля «Автозаполнение».

Спасибо за чтение моей статьи. Если вам нравится мой блог и вы заинтересованы в получении последних обновлений новых статей, просим вас подписаться на один из этих вариантов.