Разработка урока по информатике по теме "Базовые элементы управления: Image, PictureBox. Компьютерная графика. Основные графические процедуры и функции"

Цели:

продолжить изучение элементов управления; объяснить учащимся назначение элементов управления: Рисунок, Графическое окно. Познакомить с компонентами Image и PictureBox их свойствами.

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

ХОД УРОКА

I. Организационный момент.

II. Постановка целей и задач урока. Ознакомление с планом урока.

III. Актуализация знаний.

IV. Изучение нового материала.

Элементы управления: Рисунок (Image)

При создании проекта возникает необходимость сделать его наглядным – добавить рисунок. Сразу возникает вопрос “Где его взять?”

(Можно из библиотеки стандартных картинок или дисков с ClipArt’ами, можно из Интернета, а можно и самим нарисовать. )

В каком виде должен быть рисунок? (Важно, чтобы рисунок был у вас на диске в виде файла. )

Элемент управления Image позволяет выводить на форму изображения из графических файлов в заданную область.

 Элемент управления Image (Рисунок)

Назначение: выводит на экран графический объект (рисунок).

Пиктограмма:

Свойства: Name – имя объекта, по умолчанию Image1, Image2 и т. д. ;

Visible - изменение свойства делает объект видимым (значение True) или невидимым (значение False);

Stretch – при значении True рисунок сжимается или растягивается в соответствии с размерами объекта Image; при значении False размер объекта Image меняется в соответствии с размером рисунка;

Picture – рисунок, загруженный из графического файла с расширением bmp, gif, wmf, ico или jpg.

Ввести рисунок в объект Image в процессе редактирования можно двумя способами.

Порядок загрузки рисунка из графического файла следующий:

· выделите объект Image (рис. 1);

· выделите свойство Picture и нажмите на выделенную кнопку

· найдите графический файл, выделите его и нажмите кнопку Открыть

Примечание: для того чтобы подогнать размер изображения под размер элемента Image, воспользуйтесь свойством Stretch (подгонка), установив значение True.

 На форме два объекта Image одинакового размера. В оба объекта введен один и тот же рисунок. Размеры рисунка больше размеров объектов Image. У левого объекта свойство Stretch равно True, поэтому рисунок сжался до размеров объекта. У правого объекта Image свойство Stretch равно False, поэтому рисунок сохранил первоначальный размер.

Графическое окно (PictureBox)

Элемент PictureBox (графическое окно) позволяет размещать графическую информацию их файлов различных типов в определенных участках формы. При этом графическое окно является фактически “формой внутри формы”, в которой можно помещать элементы управления, выводить текст и рисовать при помощи графических методов. Оно имеет больше возможностей, чем элемент Image, но требует больше памяти и времени на обработку. Они больше подходят для динамических объектов, когда, например, нужно перемещать значки или картинку

Полную информацию смотрите в файле. 

Тема: Базовые элементы управления: Image, PictureBox. Компьютерная графика.

Основные графические процедуры и функции.

Цели:

   продолжить изучение элементов управления; объяснить учащимся назначение элементов управления: Рисунок, Графическое окно.  Познакомить с компонентами Image и PictureBox их свойствами.

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

ХОД УРОКА

I.                    Организационный момент.

II.                 Постановка целей и задач урока. Ознакомление с планом урока.

III.               Актуализация знаний.

 IV.              Изучение нового материала.

Элементы управления: Рисунок (Image)

При создании проекта возникает необходимость сделать его наглядным – добавить рисунок. Сразу возникает вопрос “Где его взять?”

(Можно из библиотеки стандартных картинок или дисков с ClipArt’ами, можно из Интернета, а можно и самим нарисовать.)

В каком виде должен быть рисунок? (Важно, чтобы рисунок был у вас на диске в виде файла.)

Элемент управления Image позволяет выводить на форму изображения из графических файлов в заданную область.

 Элемент управления Image (Рисунок)

Назначение: выводит на экран графический объект (рисунок).

Пиктограмма:

Свойства:       Name – имя объекта, по умолчанию Image1, Image2 и т.д.;

Visible - изменение свойства делает объект видимым (значение True) или невидимым (значение False);

Stretch – при значении True рисунок сжимается или растягивается в соответствии с размерами объекта Image; при значении False размер объекта Image меняется в соответствии с размером рисунка;

Picture – рисунок, загруженный из графического файла с расширением bmp, gif, wmf, ico или jpg.

Ввести рисунок в объект Image в процессе редактирования можно двумя способами.

Порядок загрузки рисунка из графического файла следующий:

·        выделите объект Image (рис. 1);

·        выделите свойство Picture и нажмите на выделенную кнопку

·        найдите графический файл, выделите его и нажмите кнопку Открыть

Примечание: для того чтобы подогнать размер изображения под размер элемента Image, воспользуйтесь свойством Stretch (подгонка), установив значение True.

На форме два объекта Image одинакового размера. В оба объекта введен один и тот же рисунок. Размеры рисунка больше размеров объектов Image. У левого объекта свойство Stretch равно True, поэтому рисунок сжался до размеров объекта. У правого объекта Image свойство Stretch равно False, поэтому рисунок сохранил первоначальный размер.

Графическое окно (PictureBox)

Элемент PictureBox (графическое окно) позволяет размещать графическую информацию их файлов различных типов в определенных участках формы. При этом графическое окно является фактически “формой внутри формы”, в которой можно помещать элементы управления, выводить текст и рисовать при помощи графических методов. Оно имеет больше возможностей, чем элемент Image, но требует больше памяти и времени на обработку. Они больше подходят для динамических объектов, когда, например, нужно перемещать значки или картинку

 Свойства элементов управления PictureBox и Image 

V.                 Практическая работа.

Учащиеся самостоятельно работают над проектом за компьютером.

Проект  - «Добавь картинку»

VI.              Рефлексия. Подведение итогов.

VII.           Домашнее задание.

Итог урока.