Элементы управления: Image, Picturebox

ФИО автора материала - Скоркина Олеся Викторовна

Место работы (название образовательного учреждения) - БОУ г. Омска «Лицей № 143»

Должность автора - учитель информатики

Тема:Элементы управления: Image,PictureBox.

Цели:

продолжить изучение элементов управления;

объяснить учащимся назначение элементов управления: Рисунок, Графическое окно.

Задачи урока:

Образовательные

Познакомить с компонентами Image и PictureBox их свойствами.

Совершенствовать навыки работы с компонентами языкаVBasic.

Воспитательная

Способствовать формированию информационной культуры учащихся.

Развивающая

Содействовать развитию познавательного интереса, алгоритмического мышления, памяти, внимания.

Тип урока: освоение и закрепление нового материала.

Оборудование: ПК, интерактивная доска, ActivStudioProfessionalEditionv3,MicrosoftWord,MicrosoftPowerPoint,MicrosoftVisualBasic 6.0, карточки (опорный конспект).

Предварительная подготовка

Распечатать задание практической работы - Проект 7.

Скопировать на все РМУ папку Проект Выбери картинку.

Раздаточный материал: теоретический материал для изучения новой темы, задание для практической работы. 

План урока

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

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

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

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

Элементы управления

Image (Рисунок)

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

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

Проект 7-Выбери картинку.

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

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

ХОД УРОКА

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

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

Актуализация знаний (работа с интерактивной доской).

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

На интерактивной доске отображается тема урока.

Элементы управления: Рисунок(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 и нажмите на выделенную кнопку (рис. 2);

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

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

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

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

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

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

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

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

Проект7 -«Выбери картинку»

Задание.

На оценку «3».

1. Открыть файл Project1.vbp из папки Проект Выбери картинку (Мои документы/ 10Б). Запустить программу на выполнение.

Н
а рис. 1 представлен вид формы сразу после старта программы.

Проверить, как работают кнопки. Если щелкать мышкой по кнопке с цифрой, в объекте Label2 появляется надпись и становиться видимой соответствующая картинка (рис. 2, 3).

2
. Одна кнопка работает неправильно. Исправить ошибку в программном коде.

На оценку «4».

3. Заменить рисунок для кнопки 1 – вместо льва вставить изображение Тигра (Мои документы/10Б/Tiger.jpg)и соответственно изменить надписьв объектеLabel2. Задать свойства объекту Image1:Visible – False,Strech – True.

Результат выполнения заданий 1-3 на рис. 4-5.

На оценку «5».

4. Добавить в проектобъектImage3 (файл Dog.jpg из папки Проект Выбери картинку). Задать свойства объекту: Visible – False,Strech – True.

5. Добавить в проектобъектCommandButton3. Написать программный код для созданной кнопки (аналогично двум другим кнопкам).

Схема проекта

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

Рефлексия

урока по теме «Элементы управления: Image,PictureBox»

учени__ 10Бкласса________________________________

Проанализировать работу на уроке (выбрать в таблице и подчеркнуть один из двух вариантов ответа).

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

По учебнику читать – стр. 108-111.

О
твечать на вопросы в конце главы.

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/159584-jelementy-upravlenija-image-picturebox