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

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

Windows Presentation Foundation (WPF) предоставляет элементы управления, поддерживающие динамические макеты, управляемые данными. Использование этих элементов управления вместе с WPF (конструктор) упрощает создание таких типов макетов. В приложениях можно использовать следующие элементы управления:

• ListView

• GridView

Элемент управления ListView обеспечивает инфраструктуру для отображения набора элементов данных в различных макетах. Элемент управления GridView обычно используют в сочетании с элементом управления ListView для отображения данных в столбцах. Дополнительные сведения см. в разделах Общие сведения об элементе управления ListView и Общие сведения о GridView.

Добавление и настройка элемента управления «ListView»

Добавление и настройка элемента управления «ListView»

1. В Панели элементов перетащите из группы Элементы управления элемент управления ListView на панель, такую как Grid.

2. Для обеспечения динамического поведения в окне Свойства задайте значения для следующих свойств элемента управления ListView:

   Свойство	Предлагаемое значение
   Width	Auto
   Height	Auto
   HorizontalAlignment	Stretch
   VerticalAlignment	Stretch
   Margin	0

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

Добавление и настройка элемента управления «GridView»

Добавление и настройка элемента управления «GridView»

1. В редакторе XAML найдите элемент ListView. Соответствующий код выглядит следующим образом:

   <ListView <ATTRIBUTES> />
   

2. Замените элемент ListView на следующую разметку. При необходимости добавьте имена и дополнительные столбцы.

   Примечание.
   Элемент ListView и элементы GridViewColumn должны иметь явные имена, если требуется обращаться к ним из кода. Например, они должны иметь явные имена при ссылке на них из кода привязки данных.

   <ListView x:Name="LISTVIEWNAME">
       <ListView.View>
           <GridView AllowsColumnReorder="True">
               <GridViewColumn x:Name="<COLUMNNAME>" Header="<COLUMNHEADER>"></GridViewColumn>
               Add more columns as necessary.
           </GridView>
       </ListView.View>
   </ListView>
   

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

Установка динамического изменения размера окна

Свойство SizeToContent определяет, как изменяется размер окна Window при изменении размера его содержимого. По умолчанию значение этого свойства равно Manual; это означает, что пользователь может вручную изменить размеры окна по размеру содержимого. Если для этого свойства будет установлено значение WidthAndHeight, окно будет изменяться динамически при изменении его содержимого.

Установка динамического изменения размера окна

1. Откройте файл Window1.xaml в конструкторе.

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

3. В окне Свойства задайте значения следующих свойств для Window:

   Свойство	Значение
   SizeToContent	WidthAndHeight
   Width	Auto
   Height	Auto

   Совет.
   Если для свойств «Width» и «Height» установлено значение «Auto», размер окна изменяется в соответствии с имеющимися элементами управления и содержимым. Поэтому значения этих свойств следует задавать после добавления в окно всех элементов управления и содержимого.

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

См. также

Задачи

Пошаговое руководство. Построение динамического макета, управляемого данными

Практическое руководство. Отображение содержимого ListView с помощью GridView

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

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

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

Работа с конструктором WPF