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

Пошаговое руководство. Упорядочение содержимого WPF для формы Windows Forms во время разработки

  • Статья

В данном пошаговом руководстве описывается, как использовать функции проектирования форм Windows Forms, такие как закрепление и линии привязки, для размещения элементов управления WPF.

В данном пошаговом руководстве выполняются следующие задачи.

  • Создание проекта.

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

  • Размещение элементов управления WPF в панели макета.

  • Использование линий привязки для выравнивания элементов управления WPF.

  • Привязка и закрепление элементов управления WPF.

Примечание

Отображаемые диалоговые окна и команды меню могут отличаться от описанных в справке в зависимости от текущих настроек или выпуска.Чтобы изменить параметры, выберите в меню Сервис пункт Импорт и экспорт параметров.Дополнительные сведения см. в разделе Работа с параметрами.

Обязательные компоненты

Ниже приведены компоненты, необходимые для выполнения данного пошагового руководства.

  • Visual Studio 2010.

Создание проекта

Для начала следует создать проект Windows Forms.

Примечание

При размещении WPF-содержимого поддерживаются только проекты C# и Visual Basic.

Создание проекта

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

После добавления элемента управления WPF в форму можно разместить его в форме.

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

  1. Добавьте в проект новый элемент управления WPF UserControl. Используйте имя по умолчанию для данного типа элемента управления UserControl1.xaml. Дополнительные сведения см. в разделе Пошаговое руководство. Создание нового содержимого WPF для формы Windows Forms во время разработки.

  2. Убедитесь, что элемент UserControl1 выбран в представлении конструктора. Дополнительные сведения см. в разделе Практическое руководство. Выбор и перемещение элементов в область конструктора.

  3. В окне Свойства присвойте свойствам Width и Height значение 200.

  4. Присвойте свойству Background значение Blue.

  5. Выполните построение проекта.

Размещение элементов управления WPF в панели макета.

Можно использовать элементы управления WPF в панели макета таким же образом, как и другие элементы управления Windows Forms.

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

  1. Откройте форму Form1 в конструкторе Windows Forms.

  2. Из панели элементов перетащите на форму элемент управления TableLayoutPanel.

  3. В смарт-теге элемента управления TableLayoutPanel выберите Удалить последнюю строку.

  4. Увеличьте высоту и ширину элемента управления TableLayoutPanel.

  5. В панели элементов дважды щелкните UserControl1 для создания экземпляра UserControl1 в первой ячейке элемента управления TableLayoutPanel.

    Экземпляр UserControl1 размещается в новом элементе управления ElementHost под названием elementHost1.

  6. В панели элементов дважды щелкните UserControl1 для создания во второй ячейке еще одного экземпляра элемента управления TableLayoutPanel.

  7. В окне Структура документа выберите tableLayoutPanel1. Дополнительные сведения см. в разделе Окно "Структура документа".

  8. В окне Свойства присвойте свойству Padding значение 10,10,10,10.

    Размер обоих элементов управления ElementHost изменится для соответствия новой разметке.

Чтобы выровнять элементы управления WPF, используя линии привязки

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

Чтобы использовать линии привязки для выравнивания элементов управления WPF

  1. Перетащите из панели элементов экземпляр UserControl1 в форму и поместите его под элементом управления TableLayoutPanel.

    Экземпляр UserControl1 размещен в новом элементе управления ElementHost под названием elementHost3.

  2. С помощью линий привязки выровняйте левый край элемента управления elementHost3 относительно левого края элемента управления TableLayoutPanel.

  3. С помощью линий привязки установите для elementHost3 такой же размер, как и для элемента управления TableLayoutPanel.

  4. Перемещайте elementHost3 в сторону элемента управления TableLayoutPanel до тех пор, пока между элементами управления не появится центральная линия привязки.

  5. В окне Свойства присвойте свойству "Поле" значение 20,20,20,20.

  6. Перемещайте elementHost3 от элемента управления TableLayoutPanel до тех пор, пока между элементами управления снова не появится центральная линия привязки. Теперь центральная линия привязки указывает поле шириной в 20 точек.

  7. Перемещайте элемент управления elementHost3 вправо до тех пор, пока его левый край не будет выровнен относительно по левого края элемента управления elementHost1.

  8. Изменяйте ширину elementHost3 до тех пор, пока его правый край не будет выровнен относительно правого края элемента управления elementHost2.

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

Поведение находящегося в форме элемента управления WPF при привязке и закреплении не отличается от поведения других элементов управления Windows Forms.

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

  1. Выберите elementHost1.

  2. В окне Свойства задайте для свойства Anchor значение Top, Bottom, Left, Right.

  3. Увеличьте размер элемента управления TableLayoutPanel.

    Элемент управления elementHost1 заполнит всю ячейку.

  4. Выберите elementHost2.

  5. В окне Свойства присвойте свойству Dock значение Fill.

    Элемент управления elementHost2 заполнит всю ячейку.

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

  7. Задайте для его свойства Dock значение Top.

  8. Выберите elementHost3.

  9. Задайте для его свойства Dock значение Fill.

    Элемент управления elementHost3 заполнит все оставшееся пространство в форме.

  10. Измените размер формы.

    Размер всех трех элементов управления ElementHost изменится соответственным образом.

    Дополнительные сведения см. в разделе Практическое руководство. Привязка и закрепление дочерних элементов управления в элементе управления TableLayoutPanel.

См. также

Задачи

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

Практическое руководство. Выравнивание элементов управления по границам формы во время выполнения

Пример. Упорядочение элементов управления в формах Windows Forms с помощью линий привязки

Ссылки

ElementHost

WindowsFormsHost

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

Миграция и взаимодействие систем

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

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