Общие сведения о конструкторе WPF

Обновлен: Ноябрь 2007

В этом разделе описывается Windows Presentation Foundation (WPF) для Visual Studio (конструктор). WPF — это технология пользовательского интерфейса для Windows Vista, она отличается от более ранних технологий, таких как Windows Forms.

WPF (конструктор) обеспечивает поддержку визуального проектирования аналогично конструктору Windows Forms. Можно создавать пользовательские интерфейсы для приложений, перетаскивая элементы управления с Панели элементов и устанавливая свойства в окне Свойства. Также непосредственно можно изменять код XAML в редакторе XAML. 

Окна конструктора WPF

WPF (конструктор) имеет несколько окон для отображения и редактирования XAML-документов. На следующем рисунке показаны некоторые окна WPF (конструктор).

Представление конструктора

Представление конструктора — это поверхность визуальной разработки для построения приложений и элементов управления WPF. В нем отображается текущее состояние кода в представлении XAML.

Можно поместить элементы управления на поверхность разработки, перетащив их с панели элементов; определить их положение можно также перетаскиванием. Несколько дополнительных средств проектирования помогут точно разместить элементы управления в нужном месте. При изменении элементов управления на поверхности разработки, представление XAML обновляется для отражения изменений. Дополнительные сведения см. в разделах Практическое руководство. Добавление элементов управления в окно WPF и Практическое руководство. Выбор и перемещение элементов в область конструктора.

Представление XAML

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

Дополнительные сведения см. в разделе Пошаговое руководство. Изменение XAML в конструкторе WPF.

Окно "Свойства"

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

Для доступа к окну "Свойства" откройте меню Вид и выберите пункт Окно свойств либо нажмите CTRL+W, P или F4. Также можно щелкнуть правой кнопкой элемент управления в представлении конструктора и в контекстном меню выбрать Свойства. Окно "Свойства" отображает эскиз текущего выбранного элемента.

Чтобы найти свойство, введите его имя в поле Поиск в верхней части окна "Свойства". В окне "Свойства" отображаются свойства, соответствующие вводимой строке поиска. Чтобы удалить строку поиска и отобразить все свойства выбранного объекта, нажмите кнопку Очистить.

Начиная с Visual Studio 2008 с пакетом обновления 1, можно сортировать свойства по алфавиту или категории. Чтобы выполнить сортировку свойств по алфавиту, нажмите кнопку По алфавиту в верхней части окна "Свойства". Чтобы выполнить сортировку свойств по категории, нажмите кнопку По категориям в верхней части окна "Свойства".

Окно "Структура документа"

Окно "Структура документа" обеспечивает иерархическое представление документа XAML. Окно "Структура документа" можно использовать для предварительного просмотра, выбора или удаления элементов XAML. Для доступа к окну "Структура документа" откройте меню Вид, наведите указатель на пункт Другие окна и выберите Структура документа либо нажмите CTRL+ALT+T. Дополнительные сведения см. в разделе Навигация по иерархии элементов документа WPF.

Панель элементов

В панели элементов содержатся элементы управления, которые можно перетащить на поверхность разработки. Для доступа к окну "Панель элементов" откройте меню Вид и выберите пункт Панель элементов или нажмите CTRL+ALT+X.

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

Представление конструктора предоставляет множество возможностей для упорядочения элементов управления в окне или на странице приложения WPF. Некоторые функции представления конструктора показаны на приведенном ниже рисунке.

Элемент управления "Zoom"

Используйте элемент управления "Zoom" для управления размером поверхности разработки. Можно изменять масштаб с 10% до значения 20x.

Fit in view

Используйте кнопку "Fit in view" для увеличения размера поверхности разработки до размера экрана в представлении конструктора. Это полезно после сильного уменьшения или увеличения.

Границы сетки

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

Линии сетки

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

Индикаторы линий сетки

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

Маркер перемещения

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

Маркеры изменения размеров

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

Линии полей

Поля представляют фиксированное расстояние между краем элемента управления и краем его контейнера. Чтобы задать поля элемента управления, щелкните его линии полей. Дополнительные сведения см. в разделе Практическое руководство. Установка полей для элемента управления в конструкторе WPF.

Заглушки полей

Заглушка поля появляется на выбранном элементе управления, когда значение его поля установлено равным 0. Щелкните ее, чтобы установить расстояние до соответствующего края контейнера. Дополнительные сведения см. в разделе Практическое руководство. Установка полей для элемента управления в конструкторе WPF.

Линии привязки

Линии привязки используются для выравнивания элементов управления относительно друг друга. Если линии привязки включены, они появляются при перетаскивании элемента управления относительно других элементов управления, когда края и текст некоторых элементов управления выравниваются по горизонтали или вертикали. Дополнительные сведения см. в разделе Практическое руководство. Выравнивание по базовой линии и полям текста.

Возможности представления XAML

Язык XAML предоставляет декларативный, основанный на XML словарь для определения пользовательского интерфейса приложения. В WPF (конструктор) предусмотрено уникальное представление с разделением, объединяющее представление XAML и синхронизированное с ним представление конструктора для отображения разметки XAML приложения. Некоторые возможности представления XAML показаны на приведенном ниже рисунке. 

Дополнительные сведения см. в разделе Комбинированный режим — одновременный просмотр области конструктора WPF и XAML.

Панель представления с разделением

Панель представления с разделением используется для управления относительными размерами представления конструктора и представления XAML. Можно управлять разделением представления по горизонтали или по вертикали или свернуть любое из двух представлений. Дополнительные сведения см. в разделе Комбинированный режим — одновременный просмотр области конструктора WPF и XAML.

Навигатор по тегам

С помощью навигатора по тегам можно переместить любой родительский тег выбранного тега в представлении XAML. При наведении указателя мыши на тег в навигаторе тегов отображается эскиз этого элемента. Пошаговое руководство. Изменение XAML в конструкторе WPF.

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

В WPF классы Window и Page являются визуальными поверхностями, на которых отображается информация для пользователя. Обычно приложения WPF создаются путем добавления элементов управления в Window и разработки ответов на действия пользователя, такие как щелчки мыши или нажатия клавиш. Элемент управления — это отдельный элемент пользовательского интерфейса, предназначенный для отображения или ввода данных.

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

WFP включает широкий набор элементов управления, которые можно добавлять к окну: элементы управления, в которых отображаются текстовые поля, кнопки, раскрывающиеся списки, переключатели и даже веб-страницы. Список всех элементов управления, которые можно использовать в окне, см. в разделе Библиотека элементов управления. Если существующий элемент управления не удовлетворяет конкретным потребностям, WPF поддерживает создание собственных пользовательских элементов управления при помощи классов UserControl и Control.

Можно легко создавать приложения WPF с помощью технологии перетаскивания WPF (конструктор). Достаточно выбрать с помощью мыши элементы управления и добавить их в любое место окна. Для облегчения упорядочивания элементов управления конструктор предоставляет такие возможности, как линии привязки и непрерывное масштабирование.

Наконец, если необходимо создать собственные настраиваемые элементы пользовательского интерфейса, пространства имен System.Windows.Media и System.Windows.Shapes содержат большой выбор классов для отображения линий, окружностей и других фигур непосредственно в самом окне.

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

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

Описание	Раздел справки
Создание нового приложения WPF с помощью Visual Studio.	Практическое руководство. Создание нового проекта приложения WPF
Использование в окне элементов управления.	Практическое руководство. Выбор и перемещение элементов в область конструктора
Создание обработчиков событий для элементов управления.	Практическое руководство. Создание простого обработчика событий
Обработка событий из окна и элементов управления окна.	Практическое руководство. Использование вложенных событий
Перемещение по макету WPF.	Навигация по иерархии элементов документа WPF
Создание динамических макетов.	Макеты в конструкторе WPF
Создание пользовательских элементов управления.	Практическое руководство. Создание проекта библиотеки элементов UserControl в WPF

Совместная работа с использованием средства Expression Blend

WPF обеспечивает строгое разделение содержимого и представления, которое позволяет разработчикам программного обеспечения и графическим дизайнерам совместно работать над внешним видом и поведением приложения. Windows Presentation Foundation (WPF) для Visual Studio (конструктор) оптимизирован для разработчиков программного обеспечения, а Expression Blend оптимизирован для графических дизайнеров. Дополнительные сведения см. в разделе Совместная работа с использованием средства Expression Blend.

Развертывание приложений на клиентских компьютерах

После написания приложения его необходимо отправить пользователям таким образом, чтобы они могли установить и запустить это приложение на своих клиентских компьютерах. Используя технологию ClickOnce, можно развернуть приложение из среды Visual Studio с помощью нескольких щелчков мыши и предоставить пользователям URL-адрес, указывающий на приложение в Интернете или общей сетевой папке. Технология ClickOnce управляет всеми элементами и зависимостями в приложении и обеспечивает правильную установку приложения на клиентском компьютере.

Приложения ClickOnce можно настроить для выполнения только при условии подключения пользователя к сети или для выполнения как при подключении к сети, так и в автономном режиме. Если указывается, что приложение должно поддерживать операции в автономном режиме, то технология ClickOnce добавляет ссылку на приложение в пользовательском меню Пуск . Пользователь может открыть приложение без использования URL-адреса.

При обновлении приложения на веб-сервере или в общей папке публикуются новый манифест для развертывания и новая копия приложения. Технология ClickOnce определяет, доступно ли обновление, и обновляет приложение, установленное на компьютере пользователя; для обновления старых сборок не потребуется дополнительного программирования. Дополнительные сведения см. в разделе Развертывание приложения WPF.

Развертывание приложений ClickOnce

Полное введение в технологию ClickOnce см. в разделе Обзор развертывания ClickOnce. Для получения пошаговых инструкций по использованию этих функций см. следующие разделы справки.

Описание	Раздел справки
Развертывание приложений с использованием ClickOnce.	Практическое руководство. Публикация приложения ClickOnce Пошаговое руководство. Развертывание приложения ClickOnce вручную
Обновление развертывания ClickOnce.	Практическое руководство. Управление обновлениями для ClickOnce-приложения
Управление безопасностью с помощью ClickOnce.	Практическое руководство. Включение параметров безопасности ClickOnce-приложений.

См. также

Основные понятия

Конструктор WPF для разработчиков Windows Forms

Обзор развертывания ClickOnce

Общие сведения о параметрах приложений

Совместная работа с использованием средства Expression Blend

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

Конструктор WPF

Библиотека элементов управления

Язык XAML