Использование основных элементов управления WPF

Статья
11/05/2008

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

На этом занятии вы узнаете о некоторых общих элементах управления Windows Presentation Foundation (WPF), доступных в панели элементов при создании проекта приложения WPF.

WPF позволяет создавать улучшенные пользовательские интерфейсы для приложений. В приложениях WPF улучшены даже стандартные элементы управления приложений Windows Forms.

Наиболее простой способ добавления элемента управления WPF в приложение – перетащить его с панели элементов в область конструктора. В состоянии по умолчанию элементы управления, в основном, выглядят также, как элементы управления, которые можно найти в приложениях Windows Forms. Элементы управления в WPF поддерживают стили и шаблоны, позволяющие создавать визуально привлекательные приложения. Чтобы изменить внешний вид элемента управления, нужно изменить его свойства в окне Свойства. Можно также изменить внешний вид элемента управления, добавляя стили и атрибуты для элемента управления в редакторе XAML. Самостоятельное написание XAML может оказаться трудной задачей, поэтому может потребоваться использование приложений, которые формируют XAML, таких как Expression Blend. Дополнительные сведения см. в разделе Совместная работа с использованием средства Expression Blend.

Практическое задание

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

В меню Файл выберите Создать проект.
В диалоговом окне Создание проекта в области Шаблоны выберите Приложение WPF.
В окне Имя введите WPFControls и нажмите кнопку ОК.
Создается новый проект Windows Presentation Foundation.
Перетащите элемент управления TextBox с панели элементов в верхнюю правую часть окна WPF.
Выберите элемент управления TextBox.
Задайте следующие свойства для текстового поля в окне Свойства.

Свойство

Значение

VerticalAlignment

Top

Width

75

Height

26
Добавьте в окно WPF элемент управления Button, разместив его рядом с текстовым полем.
Измените текст между открывающим и закрывающим тегами Button в редакторе XAML от Button до Add, как показано в следующем примере.
```
<Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
    Name="Button1" VerticalAlignment="Top" 
    Width="75">Add</Button>
```
Текст на кнопке изменится после ввода нового значения.
Добавьте элемент управления ListBox в окно WPF снизу от текстового поля.
Дважды щелкните кнопку, чтобы ввести обработчик событий по умолчанию, и добавьте следующий код:
```
If TextBox1.Text IsNot "" Then
    ListBox1.Items.Add(TextBox1.Text)
    TextBox1.Text = ""
End If
```
Нажмите клавишу F5 для запуска приложения. Откроется окно, содержащее добавленные текстовое поле, список и кнопку.
Введите текст в текстовом поле и нажмите кнопку Добавить. Убедитесь, что текст добавляется в список.
Добавьте дополнительный текст в список.

Свойство	Значение
VerticalAlignment	Top
Width	75
Height	26

Элементы управления WPF

В следующей таблице перечислены наиболее распространенные элементы управления WPF, которые можно найти на вкладке Стандартные элементы управленияпанели элементов.

Имя элемента управления	Описание
System.Windows.Controls.Border	Отображает рамку вокруг содержимого.
System.Windows.Controls.Button	Позволяет пользователю выполнить действие, нажав кнопку. Событие Buttonbase.Click происходит при нажатии элемента управления Button.
System.Windows.Controls.CheckBox	Позволяет пользователю устанавливать и снимать флажок для выбора значения вида "Да/Нет" или "Истина/Ложь".
System.Windows.Controls.ComboBox	Позволяет пользователю выбрать элемент в раскрывающемся списке. Список отображается при щелчке стрелки раскрывающегося списка.
System.Windows.Controls.Grid	Определяет гибкую область сетки, состоящую из столбцов и строк.
System.Windows.Controls.Image	Выводит изображение.
System.Windows.Controls.Label	Выводит текст на форме. Обеспечивает поддержку клавиш доступа.
System.Windows.Controls.ListBox	Позволяет пользователю выбрать элемент в списке.
System.Windows.Controls.RadioButton	Позволяет пользователю выбрать один из взаимоисключающих элементов. Выбор одного из переключателей исключает выбор любого другого в том же контейнере.
System.Windows.Controls.StackPanel	Позволяет располагать дочерние элементы управления горизонтально или вертикально.
System.Windows.Control.TabControl	Позволяет располагать визуальное содержимое в табличной форме.
System.Windows.Controls.TextBox	Отображает неформатированный текст и позволяет пользователям вводить текст.

Дополнительные элементы управления, доступные в панели элементов.

Контейнер элементов управления, например Canvas, DockPanel и Frame.
Меню и панели инструментов, например Menu, ToolBar и StatusBar.
Элементы управления для документа, например DocumentViewer и FlowDocumentPageViewer.
И многое другое!

Следующие действия

На этом занятии были рассмотрены общие элементы управления WPF, которые доступны в панели элементов. Были также показаны способы настройки внешнего вида элементов управления.

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

Следующее занятие: Создание обработчиков событий для элементов управления WPF.

См. также

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

Использование основных элементов управления WPF

Практическое задание

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

Элементы управления WPF

Следующие действия

См. также

Задачи

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

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

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