Практическое руководство. Создание элемента управления панели элементов является использования WPF

Статья
05/18/2015

Шаблон элемента управления панели элементов, который включен в WPF SDK для Visual Studio 2010 позволяет создать элементы управления Windows Presentation Foundation (WPF), автоматически добавляются к Панель элементов если расширение устанавливается. В этом разделе показано, как использовать шаблон для создания a Пошаговое руководство: Создание элемента управления панели элементов WPFмониторинг, что можно распределять другим пользователям. Образец полной реализации управления панели элементов WPF см. Панель элементов .

Примечание

Дополнительные сведения о пакете SDK для Visual Studio см. в разделе интеграция SDK Visual Studio.Чтобы узнать, как загрузить пакет SDK для Visual Studio см. в разделе Центр разработчиков расширяемости Visual Studio на веб-сайте MSDN.

Создание элемента управления панели элементов

Использование шаблона элемента управления панели элементов WPF, чтобы создать проект, а затем строьте пользовательского интерфейса (ui) в конструкторе расширяемого языка XAML.

Создание проекта элемента управления панели элементов WPF

В меню Файл последовательно выберите пункты Создать и Проект.
в Создать проект диалоговое окно вниз Установленные шаблоныщелкните узел для предпочитаемого языка программирования и затем нажмите кнопку Расширение среды. В списке типов проекта выберите Элемент управления панели элементов WPF.
в Имя окно, введите имя, которое будет использоваться для проекта. Нажмите кнопку ОК.

Visual Studio создает решение, которое содержит пользовательский элемент управления, атрибут, чтобы поместить элемент управления Панель элементови манифест VSIX для развертывания.

Построение пользовательского интерфейса элемента управления

IN Обозреватель решенийдважды щелкните ToolboxControl.xaml, чтобы открыть его в конструкторе.

Конструктор отображает a Grid элемент управления, содержащий a Button элемент управления.
Упорядочить макет сетки.

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

Можно разместить дочерний элемент управления, перетащив его из Панель элементов к шагу сетки или путем установки его Grid.Row и Grid.Column атрибуты в языке XAML. Следующие части примера 2 метки в верхней строке сетки и положения кнопки во второй строке.
```
<Button Content="Reset" Name="button1" Click="button1_Click" Grid.Row="1" Grid.ColumnSpan="2" />
<Label Content="{Binding Text}" Grid.Row="0" Grid.Column="0" Name="label1" />
<Label Content="{Binding Count}" Grid.Row="0" Grid.Column="1" Name="label2" />
```

Кодирование элемент управления

По умолчанию элемент управления появится в Панель элементов Вставить как ToolboxControl1 в выражении Панель элементов номенклатурная группу, которая имеет то же имя, что и решение. Можно изменить эти имена в файле ToolboxControl.xaml.cs.

В код элемент управления

IN Обозреватель решенийщелкните правой кнопкой мыши и выберите команду ToolboxControl.xaml.cs Просмотр кода открыть файл в представлении кода.
Определение разделяемого класса, который реализует элемент управления, щелкните правой кнопкой мыши щелкните имя класса Рефакторинг, а затем нажмите кнопку Переименовать. Измените имя класса с именем, которое требуется отобразить в Панель элементов если элемент управления устанавливается.
Непосредственно перед определением класса, в ProvideToolboxControl объявление атрибута изменяет значение первого параметра с именем номенклатурной группы, которая будет узел элемента управления Панель элементов.

В следующем примере показан ProvideToolboxControl атрибут и скорректированное определение класса с именем элемента управления Счетчик в Общие номенклатурная группа.
```
[ProvideToolboxControl("General", true)]
public partial class Counter : UserControl
```
Реализуйте свойства, методы и события для элемента управления.

Построение, тестирование и развертывание

Нажмите клавишу F5 создает проект, который включает файл развертывания vsix и открывается второй экземпляр Visual Studio, установленный в элемент управления Панель элементов.

Построение и тестирование элемента управления

Нажмите клавишу F5.
В новом экземпляре Visual Studio создайте проект приложения WPF.
Найдите элемент управления в Панель элементов и перетащите его в область конструктора.
в Свойства окно, проверяет, что свойства отображаются как ожидалось.
Добавьте все код или дополнительные элементы управления, который необходимо проверить свои методы и события.
Нажмите клавишу F5, чтобы открыть приложение WPF.
Убедитесь, что свойства, методы и события элемента управления работают должным образом.

Развернуть элемент управления

После построения проверянный проект, откройте \ положение \ debug \ папка проекта в проводнике windows и найдите файл с расширением vsix.
Передайте файл vsix в сети или на веб-сайте.

При передаче файл до коллекция Visual Studio Другие пользователи могут использовать веб-сайт Диспетчер расширений в Visual Studio для поиска элемента управления и установить его.

См. также

Задачи

Пошаговое руководство: Создание элемента управления панели элементов WPF

Практическое руководство. Создание элемента управления панели элементов является использования Windows Forms

Другие ресурсы

Панель элементов (Visual Studio)

Поделиться через