План конспект на тему: Элементы пользовательского интерфейса

АУ РС(Я) СПО «Намский педагогический колледж» им. И.Е. ВинокуроваПлан конспект
на тему: Элементы пользовательского интерфейса
Выполнил студент 3 курса группы ПОВТ-12
Красильников Василий
Утверждено____________
Оценка________________
Методист:_____________Бекренева Я.Р
с. Намцы 2015г.
Дата: 13.03.15
Время: 45Место проведение: Намский СОШ №1
Класс: 10 «а»
Цель работы:
Закрепить навыки проектирования интерфейса приложения, получить
навыки использования стандартных диалоговых окон и буфера обмена.
Тип урока: практическая, индивидуальная.
Аппаратное и программное обеспечение:
Персональные компьютеры, мультимедийный проектор, Delphi 7.
План урока:
Организационный момент5 мин
Пояснение к работе5 мин
Практическая часть30 мин
Заключение 5 мин
Ход урока:
Организационный момент.
Все встали, Здравствуйте! Садитесь. Сегодня ваш урок будем проводить мы, Василий Николаевич. Тема нашего урока «Элементы пользовательского интерфейса».
Пояснение к работе.
Сегодня мы научимся проектировать интерфейс приложения на языке Delphi. Для начала мы изучим некие компоненты, которые мы будем использовать.
(Слайдовая презентация)
1 часть
Порядок выполнения
Создать новый проект и сохранить его под именем MainEditor.
Создать на форме меню:
установить на форме компонент MainMenu (Standard);
присвоить ему имя mmMain. Каждому пункту меню задать информативное имя:
Файл (miFile)
Новый(miNewFile)
Открыть(miOpenFile)
Сохранить(miSaveFile)
Правка(miEdit)
Копировать (miCopy)
Вырезать(miCut)
Вставить(miPaste)
Найти(miFind)
Заменить(miReplace)
Формат (miFormat)
Шрифт (miFont)
Абзац (miPar) Вставка (miIns)
Дата (miData)
Время (miTime)
Выход(miExit)
Создать панель инструментов:
расположить на форме компонент ToolBar (Win32), присвоить имя tlbMain, для свойства EdgeBorders добавить значение ebBottonTrue;
щелкнуть на созданной панели правой кнопкой мыши и выполнить NewButton, установить кнопке следующие свойства:
Hintсоздать файл
MenuItemmiNewFile
NamebtnNewFile
ShowHintTrue
аналогичным образом создать еще кнопки и изменить им свойства: Открыть, Сохранить, Копировать, Вырезать, Вставить, Найти, Заменить;
для добавления изображений командам и кнопкам добавить на форму компонент ImageList (Win32);
дважды щелкнуть по компоненту, появится редактор, щелкните по кнопке Add и указать размещение требуемых графических файлов Program Files\Common Files\Borland Shared\Images\Buttons, добавить соответствующий файл, в момент добавления на экране появится запрос о разбиении одной пиктограммы на две, ответьте утвердительно.
Связать набор пиктограмм с панелью инструментов и основным меню: для компонентов mmMain и tlbMain для свойства Images из списка выбрать ImageList1.
Изменить значения свойства ImageIndex для соответствующих пунктов меню и кнопок панели инструментов.
Добавить на панель инструментов компонент ColorBox (Additional) для выбора цвета шрифта, изменить значения свойств:
NamecobFontColor, SelectedclBlack,
StylecbExtendedColorsFalse
cbSystemColorsFalse
Добавить на панель инструментов компонент SpinEditor (Samples) для ввода размеров шрифта, изменить значения свойств:
Name - sdFontSize, MaxValue 70, MinValue8)
Добавить на панель инструментов три компонента CheckBox (Standard) для изменения начертания шрифта, изменить значения свойств для каждого:
NamechBold,chItalic, chUnderLine
CaptionЖКЧ
На форме установить компонент RichEdit (Win32), изменить значения свойств для этого объекта:
Name Document, ScrollBarsssBoth
Для объекта sdFontSize выбрать событие OnChange и ввести следующий код:
document.Font.Size:=sdFontSize.Value ;
Для объекта chBold выберите событие OnClick и ввести следующий код:
if chBold.Checked Then
document.Font.Style := document.Font.Style +[fsBold]
Else
document.Font.Style := document.Font.Style -[fsBold];
Сохранить проект и проверить его работу:
ввести произвольный текст;
изменить размер шрифта и начертание Полужирный.
Самостоятельно ввести код для объектов chItalic и chUnderline (использовать константы fsItalic, fsUnderline), проверить работу приложения.
Для объекта cobFontColor выбрать событие OnChange и ввести следующий код:
document.font.Color := cobFontColor.Selected
Сохранить и проверить работу программы.
Заключение
И так, урок заканчивается, все сохраняем работы. Продолжим на следующем уроке.