Практическое руководство. Построение макета на основе абсолютного положения

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

Windows Presentation Foundation (WPF) для Visual Studio (конструктор) содержит элемент управления «панель» Canvas, который поддерживает абсолютное позиционирование. Для абсолютного позиционирования элементов в приложениях можно использовать элемент управления «панель» Canvas.

Важное примечание.

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

Добавление элемента управления «панель»

По умолчанию каждое приложение WPF содержит окно Window с панелью Grid. Для создания макета на основе абсолютного позиционирования необходимо использовать панель Canvas. В этой процедуре удаляется используемая по умолчанию панель Grid и добавляется панель Canvas.

Добавление элемента управления «панель»

1. В представлении конструктора выберите сетку.

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

2. Нажмите клавишу DELETE для удаления Grid.

3. В Панели элементов в группе Элементы управления перетащите элемент управления Canvas в окно Window.

4. (Необязательно) В окне Свойства установите для свойство «Height» объекта Canvas значение «Auto».

   Элемент управления Canvas растягивается до высоты окна Window.

5. (Необязательно) В окне Свойства установите для свойства «Width» элемента управления Canvas значение «Auto».

   Элемент управления Canvas растягивается до ширины Window.

6. В меню Файл выберите Сохранить все.

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

Далее необходимо добавить элементы управления на панель и использовать вложенные свойства Left и Top панели Canvas для их абсолютного позиционирования.

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

1. Перетащите с Панели элементов элемент управления на панель Canvas.

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

   • Canvas.Left

   • Canvas.Top

   Примечание.
   Существуют два набора взаимно исключающих свойств: Left / Right и Top / Bottom. В окне Свойства можно задать только свойства Left и Top, однако можно указать свойства Right и Bottom в редакторе XAML. Если одновременно указываются свойства Left и Right, используется только последнее объявление. Если одновременно указываются свойства Top и Bottom, используется только последнее объявление.

3. Повторяйте шаги 1 и 2 до тех пор, пока все необходимые элементы управления не будут добавлены на панель.

4. В меню Файл выберите Сохранить все.

См. также

Задачи

Пошаговое руководство. Построение макета на основании абсолютного положения

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

Макет с абсолютным и динамическим положением

Выравнивание в конструкторе WPF

Система макета

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

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

Примеры создания макетов