Робота з WPF

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ

НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА»

Інститут: ІКНІ

Кафедра: ПЗ

[pic 1]

ЗВІТ

До лабораторної роботи № 5

На тему: «Робота з WPF»

З дисципліни: «Конструювання програмного забезпечення»

Лектор:

Доцент кафедри ПЗ

Сердюк П.В.

Виконала:

Студентка групи ПЗ-36

Юрченко К.І.

Прийняв:

викладач кафедри ПЗ

Луцик І.І.

«__»__________  2022р.

∑ = ___    _____________

Львів – 2022

Тема: Робота з WPF.

Мета: Лабораторна робота полягає у вивченні WPF.

Індивідуальне завдання

Потрібно реалізувати всі дії у відео на Youtube, але для свого варіанту проекту. Лабораторна може бути пов’язана з проектом бази даних або проектом з МПЗ/КПЗ. Повністю подібний код (який ідентичний тому що в Youtube не буде зарахований )

https://www.youtube.com/playlist?list=PLCSO5njdNs189Xkq4E0J3HWawSpdFcUJO

Реалізувати основні форми графічного інтерфейсу відповідно до проекту, наприклад: сплеш-скрін, головне меню, контекстне меню, меню закінчення рівня, і т.д.

1. Реалізувати MVVM. Використовувати ICommand. Мінімально використовувати code behind.
2. Основи розташування елементів. Використати компоненти StackPanel та Grid. Використати стилі. Не використовувати Margin для абсолютного вирівнювання (Margin > 30 вважається неприпустимим )
3. Використання стилів - використати App.xml. 
4. Використати компоненти DataGrid і зв’язування до даних. 
5. Робота з ресурсами (як частини проекту, повинні бути компільовані у assembly, а не звертатися до них через шлях). Ресурси можуть бути звуками чи музикою. 
6. Реалізувати конвертор
7. Створити свій UserControl. User Control -  елемент багаторазового використання. Наприклад:  Панелей, що присутні на кількох вікнах (наприклад панелей що тримають кількість очок), контролу – юніта, чи просто певного активного елементу, який можна використати в подібних проектах. Розділити модель і вигляд UserControl Створити Dependency property і використати інтерфейс INotifyPropertyChanged для підтримки MVVM шаблону розробленого UserControl.
8. * Розробка Анімації за допомогою StoryBoard, DoubleAnimation, etc.

Хід роботи

1. Реалізувала шаблон MVVM у проекті створивши моделі Person, Client, Worker, Order,Size, MainModel; в’юмоделі MainViewModel, ClientViewModel, PersonViewModel, WorkerViewModel, SizeViewModel, OrderViewModel, BaseViewModel та в’ю ClientView, WorkerView, OrderView (рис. 1). Використала реалізацію ICommand через DelegateCommand (рис. 2).

[pic 2]

Рис. 1. Діаграма класів MVVM

[pic 3]

Рис. 2. DelegateCommand

1. При побудові UI використала елементи StackPanel і Grid (рис. 3, 4, 5)

[pic 4]

Рис. 3. Вигляд MainWindow.xaml

[pic 5]

Рис. 4. Вигляд MemberView.xaml

[pic 6]

Рис. 5. Вигляд запущеної програми

1. Використала стилі для кастомізації кнопок (рис. 5).

[pic 7]

Рис. 6. Стилі

1. Додала звуковий ефект. 

[pic 8]

Рис. 7. Робота з ресурсом

1. Реалізувала конвертор для відображення вкладок.

[pic 9]

Рис. 8. Конвертор відображення