Разработка компьютерной программы для обучения и развития детей младшего школьного возраста. ДИПЛОM Свиридов. Обучение в младших классах проходит в игровой форме
 Скачать 5.1 Mb.
|
 Рисунок 7 – свойства основной формы Разрабатываемая программа ориентирована в основном на детей младшего школьного возраста, по этому необходимо уделить внимание разработке не только функциональной составляющей, но и программному интерфейсу, то есть его проектированию. Для создания фоновой заставки был выбранн компонент Image, испоьловалось свойство Picture для загрузки графического изображения на форму. Следующим шагом необходимо организовать заполнение формы компоенентом Image для этого применялось свойство Align. Данное свойство имеет семь активных позиций: alBottom - компонент размещается в нижней части компонента-родителя. Занимает всю доступную ширину родителя; alClient - компонент занимает всё доступное пространство компонента-родителя. Если есть компоненты с другими выравниваниями, то сначала выравниваются они. Нельзя разместить на одном родителе два компонента с этим типом выравнивания; alCustom - размешение компонента на форме определяется разработчиком; alLeft - компонент размещается в левой части компонента-родителя; alNone - компонент появится в том месте, где находился при проектировании; alRight - компонент размещается в правой части компонента-родителя; alTop - компонент размещается в верхней части компонента-родителя.[17,с162] Исходя из этого установлено значение alClient. Вывод фона должен быть осуществлен по центру компонента, это возможно с помощью свойства Centr компонента Image. Данное свойство обладает логическим типом bollean и имет два активных значения true и false. По умолчанию свойство установленно false. Это означает, что картинка, загружанная в компонент, будет выводиться в верхнем правом углу. Изменив значение свойства на true, изображение будет выводиться в центре компонента. Далее необходимо сделать компонент Image соразмерным загружаемой картинке. Для достижения этой цели использовано свойство AutoSize. Свойство AutoSize так же имеет логический тип bollean и два активных значения true и false. По умолчанию свойство установленно false. Это означает, что размерность компонента разработчик может устанавить сам в независимости от размера изображения. При изменении значения свойства на true компонент становиться соразмерен выгружаемой картинки, пользователь не может изменять ее размер. Для придания форме финального вида необходимо сделать размер формы соответсвующим размеру фона. Для этого свойству формы AutoSize присвоено значение true. Размеры формы оптимизированы, по этому все пустые места на форме будут убраны и форма принемает размеры компонента Image. Интерфейс обучающей программы является объектно-ориентированным. Так как приложение расчитанно на детей младшего школьного возраста, было принято решение выполнить интерфейс в стиле прямого манипулирования. Интерфейс такого рода обеспечит пользователю среду, содержащую знакомые ему элементы, с которыми поьзователь не раз встречался в жижни. Предоставит возможность манипулирования отдельными объектами. Для создания навигации по разделам использован компонент Label. Этот компонент выбран вместо стандартной кнопки в силу того что было необходимо убрать рамку вокруг названия разделов для более лучшего визуально восприятия. Эта возможность реализована с помощью свойства Transparent харрактерного компоненту Label. Свойство Transparent имеет логический тип bollean и имет два активных значения true и false. По умолчанию значение свойства false, компонент на форме будет выделен серой рамкой. В процессе проектирования рамка рамка выполнена прозрачной, свойству Transparent присвоено значение true. Для задания названия кнопки использовано свойство Caption. Для органицации всплывающих подсказок использовались свойства Hint и ShowHint. Свойство Hint задет значение для всплывающей подсказки. За отоборажение подсказки отвечает свойство ShowHint. Свойство ShowHint имеет логический тип boolean и используется для вывода всплывающей подсказки заданной свойством Hint. Свойство ShowHint обладает двумя значениями, которые могут быть установлены true или false. При установленном значении false показ подсказки осуществляться не будет, в ином случае при значении true при наведении курсора мыши на компонент покажется подсказка. Следующим действием стало создание формы заставки, эта форма нужна для того чтобы предоставить пользователю информацию о запускаемом приложении. Была создана новая фома - Form2. Путем задания свойству формы BorderStyle значения bsNone была убрана рамка формы. Позиция для формы заставки определена в центре рабочего стола. Свойству Position задано значение poDesktopCenter. Фон создан с помощью компонента Image. Для вывада изображения использовано свойство Picture, остальные свойства заданы следующим образом: Align – alClient, AutoSize – True, Center – True. Для вывода статического текста названия программы использован компонент Label, текст названия задан в свойстве Caption. Настройка шрифта проведена в свойстве Font, свойство Transparent установленно true. Необходмо организовать вывод формы заставки на некоторое время по истечению которого эта форма закрывается и выгружается из памяти. Пользователю будет предоставленна возможность работы с основной формой приложения. Для достижения этой цели использовано событие OnShow. Это событие генерируется, когда форма станет видимой. OnShow вызывается перед тем, как форма станет видимой. Код процедуры имет следующий вид: procedure TForm1.FormShow(Sender: TObject); begin form2.showmodal; end; Вид формы – заставки соответствует рисунку 8.  Рисунок 8 – форма заставки Для отсчета времени, в течении которого заставка остается видимой использован объект Timer. По закрытию формы станет доступна основная форма, выгрузка формы заставки позволит оптимизировать работу приложения. Для этого на форму (Form2) помещен невизуальный компонент Timer. Компонент используется для установки задержек между действиями, в данном случае по истечению таймера, закрывается форма заставки и открывается основная форма - Form1. Вид компонента представлен на рисунке 9. |