Разработка викторины по программированию с использованием WPF

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

В данной статье уделяется внимание разработке викторины с помощью WPF. WPF (Windows Presentation Foundation) – это технология реализации пользовательских интерфейсов для Windows. WPF объединяет графику, аудио и видео, что делает интерфейсы более «приятными» для пользователей [2, 4]. В основе данной технологии находится расширяемый язык разметки приложений ХAML и язык программирования C#.

ХAML обычно используется для создания пользовательских интерфейсов в WPF, C# – для оформления кода программной части в WPF (действий, событий) [3].

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

Для разработки программы использовались такие элементы, как:

• -    кнопки, которые нужны для обработки событий и взаимодействия с приложением – для вывода на экран результатов теста, вывода окон с дополнительной информацией;

• -    текстовые поля, которые нужны для демонстрации необходимой

информации;

• -    переключатели, флажки, которые нужны для выбора или ввода вариантов ответа.

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

Рисунок 1. Главное окно викторины

Если пользователь ответил на все вопросы, то программа выдает результат, представленный на рисунке 2 – «Поздравляем, Вы прошли тест» и заработанной количество баллов.

Рисунок 2. Итоговый результат теста

Фрагмент разметки XAML, который использовался для разработки внешнего вида приложения, представлен ниже, в листинге 1. Как мы видим, данный фрагмент представляет собой последовательность тегов, в котором прописаны элементы интерфейса викторины.

Пример разметки кода для оформления вопроса 2

TextWrapping="Wrap" Text="Вопрос 2 .Какие из команд являются командами ассемблера " VerticalAlignment="Top" Width="324"/>

HorizontalAlignment="Left" Margin="10,210,0,0" VerticalAlignment="Top" Width="385"/>

HorizontalAlignment="Left" Margin="10,230,0,0" VerticalAlignment="Top" Width="385"/>

HorizontalAlignment="Left" Margin="10,250,0,0" VerticalAlignment="Top" Width="385"/>

VerticalAlignment="Top" Width="120"/>

Код для обработки событий написан на языке С#. Обработка правильного варианта ответа представлен в листинге 2. Он представляет собой работу с условным оператором If…else [1].

Листинг 2

Проверка правильности ответа private void prov_Click(oВject sender, RoutedEventArgs e) { if (v1.IsChecked == true) // Данный кода фрагмент проверяет, какие варианты ответа вы выбрали.

{o1 = 1;} else

{ o2 = 1; } else if (В1.IsChecked == true | В2.IsChecked == true)

{o2 = 0.5; } else

{o2 = 0;} if (tВ.Teхt == "4")

{o3 = 1;} else

{o3 = 0;}

MessageВoх.Show("Поздравляем вы прошли тест" +"\n" + " Ваш балл: " + (o1+o2+o3).ToString()); // Данный фрагмент выводит результаты теста на экран. }

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