Скачать 79.61 Kb.
|
САНКТ-ПЕТЕРРБУРГСКИЙ КОЛЛЕДЖ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ КОНСПЕКТ ПРАКТИЧЕСКОГО ЗАНЯТИЯ ПО ТЕМЕ: «Работа с графическими изображениями. Разработка приложения «Слайд-шоу» Разработала мастер п/о Матысик И.А. Санкт-Петербург, 2012 Конспект практического занятия по приложению «Слайд-шоу» Матысик И.А. Предмет: Лабораторная работа по МДК 01.02. «Прикладное программирование» Мастер п/о: Матысик И.А. Тема занятия: Работа с графическими изображениями. Разработка приложения «Слайд-шоу Тип урока: Комбинированный урок Продолжительность занятия: 90 минут Цели:
Студенты смогут:
Оборудование: ПК, мультимедийный проектор, рабочие места студентов с ПК. Программное обеспечение
Конспект практического занятия по приложению «Слайд-шоу» Матысик И.А. Технологическая карта практического занятия
Конспект практического занятия по приложению «Слайд-шоу» Матысик И.А. Теоретический материал Компонент готовое изображение Image Компонент представляет собой невидимый контейнер для отображения готового изображения определенного графического формата (типа BMP, WMF, ICO и другие). Картинку можно поместить на этапе проектирования, что увеличивает размер exe-файла, но не требует поставки картинки вместе с приложением. Изображение можно поместить в компонент и во время работы приложения специальными методами этого компонента. Рис. 1. Компонент Image Компонент находится на вкладке Additional Палитры компонентов. Основные свойства компонента Image Picture - используется для загрузки, показа и сохранения готового изображения в Image из файла. В качестве изображения может использоваться точечное изображение (.BMP), значок (.ICO), графический метафайл (.JPG, .JPEG, EMF, WMF (Windows Meta File)) или другой пользовательский графический ресурс (.RES). Свойство Picture доступно на этапе проектирования, двойным щелчком по нему вызывается окно загрузки картинки. Свойство Picture само является объектом, поэтому обладает своими свойствами и методами bool AutoSize – если свойство имеет значение true, то размер компонента Image подгоняется к размеру содержащегося в нем изображения, не искажая картинку. Это не всегда бывает удобно, например, если надо, чтобы рисунок занимал определенное положение на форме и не смещался. bool Stretch – если свойство имеет значение true, картинка подгоняется под реальный размер компонента Image, искажая при этом рисунок. Свойство не работает для изображений пиктограмм-значков (файлы с расширением ico), т.к. они не могут изменять свои размеры. Если размеры изображения больше, чем размеры компонента Image и свойства AutoSize и Stretch равны false, то часть изображения отсекается. bool Center – если это свойство равно true и размер компонента больше размера рисунка, то центрируется изображение на площади Image. bool Transparent - задает прозрачность изображения. Если принимает значение true, то изображение прозрачно, что можно использовать для наложения изображений друг на друга. Свойство действует только на битовые матрицы. Прозрачным считается цвет левого нижнего пикселя битовой матрицы. Конспект практического занятия по приложению «Слайд-шоу» Матысик И.А. bool Proportional – если свойство равно true, то при подгоне размера рисунка (Stretch==true) сохраняются его пропорции, т.е. увеличиваются на одинаковый масштабный множитель по высоте и ширине. Может не занимать полностью Image либо по высоте, либо по ширине. События компонента Image OnClick, OnMouseUp, OnMouseDown, OnChange. Имеется особое событие OnProgress(), которое наступает во время медленных процессов изменения графического изображения таких, как загрузка, сохранение, трансформация. Это позволяет построить в приложении индикатор хода процесса, обеспечивающий обратную связь с пользователем. Событие можно вызвать методом Progress(). Свойства и методы Picture int Width, Height - задают размеры загруженного в Picture рисунка. В общем случае значения этих свойств не совпадают со значениями свойств Width и Height для компонента Image. Они совпадут, если изображение, загруженное в компонент Image с помощью Picture, займет его полностью. void LoadFromFile(путь к файлу) - выполняет загрузку картинки во время выполнения программы. Например: Image1->Picture->LoadFromFile(“Лес.bmp”); Удобно для загрузки нужной картинки использовать стандартный диалог OpenPictureDialog, который работает аналогично диалогу OpenDialog, но отображает только графические файлы. Это делается, например, так: if (OpenPictureDialog1->Execute) Image1->Picture-LoadFromFile(OpenPictureDialog1->FileName); void SaveToFile (путь к файлу) – сохранить картинку, расположенную в компоненте Image в файл. Удобно для загрузки нужной картинки использовать стандартный диалог SavePictureDialog, который работает аналогично диалогу SaveDialog, но отображает только графические файлы. Например: if (SavePictureDialog1->Execute) Image1->Picture-SaveToFile(OpenPictureDialog1->FileName); void Assign (объект_источник->Picture) – присваивание, копирование картинок. Можно копировать из другого компонента Image: Form1->Image2->Picture->Assign (Form1->Image1->Picture); Можно копировать из буфера обмена (подключить библиотеку Clipbrd.hpp) Form1->Image1->Picture->Assign (Clipboard()); //Из буфера в Image Clipboard()->Assign (Form1->Image1->Picture); //В буфер из Image Конспект практического занятия по приложению «Слайд-шоу» Матысик И.А. Практическое задание Разработать приложение с использованием компонентов: Image, PageControl и других необходимых элементов интерфейса для создания приложения, обрабатывающего графические изображения, хранящиеся в файлах различного формата. Приложение должно моделировать работу приложения Слайд-шоу. На форме расположить компоненты: Image, PageControl с тремя закладками: «Картинка», «Фотоальбом» и «Слайд-шоу»; компонент MediaPlayer для прослушивания фоновой музыки; компонент ListBox для отображения файлов с графическими изображениями. Приложение должно сопровождаться фоновой музыкой и иметь форму-заставку с иллюстрацией начала приложения. Основная задача приложения – управлять показам графических иллюстраций в зависимости от настроек показа, выбранных пользователем. На оценку «Удовлетворительно» 1. Разработать локальное меню PopupMenu для компонента ListBox с командами: добавить картинку, удалить картинку, очистить весь список, сортировать, сохранить в файл, открыть из файла. В файлах сохраняются пути к файлам с картинками. 2. Реализовать Страницу «Картинка» предназначена для отображения одной выбранной картинки и содержащую основные компоненты: - Image – для отображения картинки, выбранной в списке ListBox; - два компонента TrackBar для указания вертикального и горизонтального размера картинки; - необходимое количество флажков CheckBox для выбора масштабирования, отцентровки и пропорции картинки в компоненте Image; - два компонента SpinEdit, для указания текущей размера картинки; - компонент RadioGroup с кнопками: 10%, 20%, 50% и 100% для выбора масштабирования Zoom картинки в указанных процентах. На оценку «Хорошо» Реализовать Страницу «Слайд-шоу», предназначенную для отображения картинок в режиме последовательной смены картинок в одном компоненте Image и содержую основные элементы: - компонент Image для отображения очередной картинки; - компонент SpinEdit для указания количества кадров (картинок) в минуту; - компонент RadioGroup с кнопками для выбора последовательного или случайного просмотра кадров; - компонент Timer для реализации временной смены слайдов. Конспект практического занятия по приложению «Слайд-шоу» Матысик И.А. На оценку «Отлично» Реализовать Страницу «Фотоальбом», предназначенную для отображения нескольких картинок одновременно и содержащую основные компоненты: - два компонента SpinEdit для указания количества одновременно отображаемых картинок в одном ряду и столбце на странице; - динамический массив картинок; - кнопки листания страниц альбома: к началу, к концу, к следующей и предыдущей странице фотоальбома (помещаются в компоненты массива картинок следующие по списку картинки из общего списка). Рис.2. Работа приложения «Слайд-шоу» Контрольные вопросы
|
Конспект занятия по теме «Прошивание угла» Конспект занятия по теме... Методические разработки к программе дополнительного образования «Играем в экологию» | Тема практического занятия Тема практического занятия: Острые гинекологические заболевания Продолжительность занятия: 3 часа | ||
Конспект факультативного занятия в 11 классе по теме «Перспективная начальная школа» и дополняющие учебник «Математика». Данный урок математики в 3 классе обеспечивает формирование умения... | Методическая разработка практического занятия по теме: «Кардиомиопатии»... Цель занятия: освоение навыков постановки диагноза и тактики ведения пациентов с кардиомиопатиями (целенаправленный сбор анамнеза,... | ||
Методическая разработка практического занятия по теме: «Дерматомиозит»... Цель занятия: освоение навыков постановки диагноза и тактики ведения пациентов с дерматомиозитом (целенаправленный сбор анамнеза,... | Методическая разработка практического занятия по теме: «лекарственная... Цель занятия: освоение навыков постановки диагноза и тактики ведения пациентов с лекарственной болезнью (целенаправленный сбор анамнеза,... | ||
Конспект занятия Занятие обобщающего повторения при подготовке к... Учитель сообщает тему занятия, его цель, структуру занятия, необходимость его проведения | Конспект практического занятия Информатика и икт : учебник для 9 класса / И. Г. Семакин, Л. А. Залогова, С. В. Русаков, Л. В. Шестакова. – 3-изд. М.: Бином. Лаборатория... | ||
Методические рекомендации для студентов практического занятия по... Дидактическая база занятия: методические рекомендации для преподавателя и студентов к практическому и семинарскому занятию, учебники,... | Методические указания для студентов по подготовке и проведению практического... Охватывает весь организм, как целое | ||
Конспект открытого занятия Ф. И. О. педагога Место в учебном курсе: занятие №1 в теме «Программирование» На данную тему отводится 3 занятия | Урока Тема урока, практического занятия Постановка задачи. Разработка модели Практическая работа №1 по теме: «Моделирование в среде графического редактора» | ||
Методическая разработка практического занятия по теме: «сестринский... Уметь выделить главное, подобрать нужную обработку, анализировать результаты своих действий | Конспект выступления Головченко Натальи Анатольевны, воспитателя... Ю политическую культуру, свои представления и идеалы и власти и государстве, приобретают навыки участия в политической жизни. В методической... | ||
Конспект занятия объединения «юный журналист» План-конспект урока литературы в 5 классе по теме: Н. А. Некрасов. Крестьянские дети | Конспект комплексного занятия рэмп, ознакомление с окружающем. (старший возраст) План-конспект урока по английскому языку в 4-м классе по теме "Животные и их места обитания" |