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

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

  • Статья

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

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

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

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

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

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

  1. В меню Файл выберите Создать проект.

  2. В диалоговом окне Создание проекта в области Шаблоны выберите Приложение WPF.

  3. В окне Имя введите WPFControls и нажмите кнопку ОК.

  4. Создается новый проект Windows Presentation Foundation.

  5. Перетащите элемент управления TextBox с панели элементов в верхнюю правую часть окна WPF.

  6. Выберите элемент управления TextBox.

  7. Задайте следующие свойства для текстового поля в окне Свойства.

    Свойство

    Значение

    VerticalAlignment

    Top

    Width

    75

    Height

    26

  8. Добавьте в окно WPF элемент управления Button, разместив его рядом с текстовым полем.

  9. Измените текст между открывающим и закрывающим тегами Button в редакторе XAML от Button до Add, как показано в следующем примере.

    <Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
    Name="Button1" VerticalAlignment="Top" 
    Width="75">Add</Button>

    Текст на кнопке изменится после ввода нового значения.

  10. Добавьте элемент управления ListBox в окно WPF снизу от текстового поля.

  11. Дважды щелкните кнопку, чтобы ввести обработчик событий по умолчанию, и добавьте следующий код:

    If TextBox1.Text IsNot "" Then
    ListBox1.Items.Add(TextBox1.Text)
    TextBox1.Text = ""
End If

  12. Нажмите клавишу F5 для запуска приложения. Откроется окно, содержащее добавленные текстовое поле, список и кнопку.

  13. Введите текст в текстовом поле и нажмите кнопку Добавить. Убедитесь, что текст добавляется в список.

  14. Добавьте дополнительный текст в список.

Элементы управления 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-приложения (Visual Basic)

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

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

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

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

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

Создание внешнего вида программы. Введение в Windows Presentation Foundation

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