Разработка кода ИС Практическая работа №26

Практическое занятие № 26

Тема: Размещение контента по центру формы. Создание базовой формы. Создание словаря стилей.

Цель работы: научится создавать базовую форму в WPF.

Приобретаемые умения и навыки: умение работать с разметкой XAML.

Норма времени: 2 часа.

Оборудование: Компьютер с установленным программным обеспечением и подключенный к Internet.

Методические указания по выполнению практической работы

РАЗМЕЩЕНИЕ КОНТЕНТА ПО ЦЕНТРУ ФОРМЫ

Откройте форму или страницу. Выберите компонент Grid, после чего по краям (сверху и слева) появится возможность добавлять строки и столбцы.

Добавим первый столбец.

Добавим еще один столбец.

Таким же образом добавим две строки.

После всех добавление мышкой, мы можем увидеть следующий код XAML.

Так же столбцы и строки можно добавлять, редактируя код XAML. Здесь же можно редактировать размер строк и столбцов. Чтобы разместить элементы по центру (которые будут во второй строки и во втором столбце) необходимо задать размеры строкам и столбцам. Зададим столбцам и строкам следующие размеры.

После чего на форме увидим следующее.

В результате средний столбец и средняя строка имеют фиксированный размер, в то время как последние и первые имеют динамический размер (меняется в зависимости от размера контейнера, окна).

СОЗДАНИЕ БАЗОВОЙ ФОРМЫ

Создадим несколько строк с фиксированными размерами.

Добавим компонент «Rectangle» на форму и разместим его в 3 строке. Компонент необходимо растянуть на всю ширину и высоту строки, а затем закрепить высоту и ширину (чтобы он мог растягиваться)

Укажем у компонента «Rectangle» свойство «StrokeThickness» равное 0, это задаст размер границы прямоугольника.

Добавим на форму кнопку и разместим в левом углу первой строки. И укажем имя кнопки «Назад», которая в последствии будет выполнять соответствующею функцию.

Добавим на форму компонент «Frame» во вторую строку, в него будут загружать страницы (Авторизация, Регистрация и другие). Закрепим компонент по высоте и ширине. Укажем имя ему «MainFrame»

Запустим проект и увидим примерно следующее.

СОЗДАНИЕ СЛОВАРЯ СТИЛЕЙ

Создадим в проекте «Resource Dictionary»

Укажем имя «Dictionary.xaml» и создадим его.

Теперь словарь необходимо подключить к проекту (чтобы компоненты могли обращаться к стилям) для этого откроем «App.xaml»

И впишем следующий код для подключения словаря.

После данных операций можно начинать писать стили и константы. Напишем первый стиль, который будет менять задний фон и внутренний отступ, и он применяться ко всем компонентам типа «Label»

Контрольные вопросы:

1. Как создать базовую форму в WPF с использованием XAML?

2. Как разместить элементы управления по центру в WPF?

3. Как применить стиль к элементу управления в WPF?