Меню
Разработки
Разработки  /  Информатика  /  Уроки  /  10 класс  /  Размещение изображений на форме в Visual Basic. (Урок информатики в 10 классе)

Размещение изображений на форме в Visual Basic. (Урок информатики в 10 классе)

Основной целью урока является знакомство учащихся с объектами Image, PictureBox и их свойствами, а также применение новых знаний на практике.

21.01.2017

Содержимое разработки

Тема: «Размещение изображений на форме в Visual Basic»

Цель урока: Научить учащихся работать с изображениями в среде Visual Basic. Применить новые знания на практике.

Задачи:

Образовательная:  Освоить работу с элементами управления Image, Picture. Изучить их свойства.

Воспитательная:  Воспитание информационной культуры, интереса к предмету и учебной теме.

Развивающая:  Развитие навыков исследовательской, самосто­ятель­ной работы.

Оборудование: проектор, приложение Visual Basic 5.0, учебный модуль, тестовые задания.

Структура урока:

п/п

Наименование структурных элементов урока.

Время

Деятельность учащихся

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

1-2 мин

Готовятся к уроку

Мобилизация знаний учащихся для выполнения практической работы. Работа по кластеру.

7-10 мин

Участвуют в беседе, отвечают устно на вопросы преподавателя.

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

20-25 мин

Практическая работа на компьютере.

Тест по теме: «Элементы управления». Самопроверка тестов.

5-7

мин

Отвечают письменно.

Проверяют свои тесты.

Рефлексия

1-2 мин

Дают оценку своей работе на уроке.


Ход урока

Здравствуйте, на сегодняшнем уроке мы продолжим работу в среде Visual Basic (VB). Давайте вспомним основные понятия, необходимые при работе в VB.

  • Для чего предназначена среда VB?

  • Для создания новых приложений.

  • Назовите основной объект разработки приложений.

  • Форма, на форму размещают остальные объекты приложения.

  • Где в окне среды VB располагаются элементы управления (ЭУ)?

  • На панели инструментов ToolBox. Данная панель отображается с помощью команды View ToolBox.

  • С какими элементами управления вы уже знакомы?

  • TextBox, Label, CommandButton, Shape, Line.

Работа по кластеру

На первом уроке нашего модуля «Размещение изображений на форме в Visual Basic» мы с вами составили опорную схему (кластер) для выделения главных понятий данного модуля. Давайте еще раз обратимся к нему. Изображение на форме можно создать несколькими путями:




Сегодня мы изучим новые ЭУ: Image, Picture. Они позволят сделать проект на VB более привлекательным. Данные ЭУ позволяют не только размещать рисунки на форме, но и создавать простейшие анимации.

Сегодня от вас потребуется провести исследовательскую работу по изучению свойств этих объектов на практике.

Чтобы научиться работать с объектами Image и PictureBox необходимо изучить их свойства. Я предлагаю вам проделать это самостоятельно с помощью заданий практической работы.

По ходу выполнения работы вы примените различные свойства объектов. Не забудьте записать их назначение в тетрадь. Для этого запишите в тетрадь шаблон таблицы. (Учащиеся записывают таблицу в тетрадь)


Таблица

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

Свойство

Назначение

Image

Графический образ (рисунок)

Picture


Stretch


Visible


PictureBox

графическое

окно

AutoSize


Left


Top


Width


Height



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

На практическую работу вам отводится 20-25 минут.

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

Учащиеся рассаживаются за компьютеры и выполняют работу. Учащиеся, выполнившие задание раньше, могут помочь остальным.

(Приложение)

Проверочный тест.

Учащимся предлагаются тесты по работе в среде VB с вопросами по изученной теме с последующей самопроверкой.

ОТВЕТЫ:

  1. b

  1. a

  1. b

  1. b

  1. c

  1. с

  1. a

  1. a

  1. b

  1. a

Подведение итогов.

И в конце нашего занятия я предлагаю вам оценить свою работу на уроке.

Фамилия Имя

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

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

Освоение теоретического материала

Выполнение теста

9-10 б

6-8 б

1-5 б

Рефлексия. Разобрать вопросы теста, вызвавшие затруднение у учащихся.

Спасибо за работу. Урок окончен.


Приложение

Учебный модуль:
«Размещение изображений на форме в Visual Basic»

Цель: Освоить работу с элементами управления Image, Picture. Изучить их свойства.

УЭ

Содержание учебного материала

Управление обучением

0

В процессе работы над учебными элементами вы должны

знать:

  • обозначение ЭУ Image, Picture;

  • свойства ЭУ Image, Picture;

  • как сохранить проект.

уметь:

  • создавать новый проект в среде VB;

  • размещать ЭУ Image, Picture на форме;

  • сохранять проект;

  • анализировать результаты.



Проект 1 «Исчезающие картинки»
    • Предварительно создайте на Рабочем столе папку с названием Исчезающие картинки.
    • Запустите Visual Basic.
    • Создайте интерфейс проекта «Исчезающие картинки».

интерфейс проекта:


Для размещения картинок воспользуйтесь ЭУ Image

  • выделите прямоугольную область на форме, в списке свойств Properties найдите свойство Stretch и выберите для него значение True (изображение масштабируется в соответствии с размерами ЭУ Image)

  • в списке свойств Properties найдите свойство Picture и, щелкнув на кнопку , укажите расположение файла картинки (\Рабочий стол\Картинки)

Щелкнув по одной из картинок дважды, перейдите в окно кода. Введите код:


Private Sub Image1_Click()

Image1.Visible = False

Image2.Visible = True

End Sub

---------------------------

Private Sub Image2_Click()

Image1.Visible = True

Image2.Visible = False

End Sub


Выпишите в таблицу назначение свойств Picture, Stretch, Visible

Запустите проект на выполнение. Поочередно понажимайте левой кнопкой мыши на изображения яблока и перца. Остановите программу.

Вывод: управление объектами в процессе работы программы Visual Basic происходит путем изменения их свойств.

Объект.Свойство = Значение

Сохраните проект в папке Исчезающие картинки, для этого в меню File (Файл) выберите команду Save Project As... (Сохранить проект как...). Подтвердите предлагаемые имена файлов Form1.frm (Первое окно приложения) и Project1.vbp (Проект приложения).

Проект 2 «Движущийся автомобиль»
    • Предварительно создайте на Рабочем столе папку с названием Движущийся автомобиль.
    • Запустите Visual Basic.
    • Создайте интерфейс проекта «Движущийся автомобиль».


Окно формы Form1 увеличьте по ширине почти до полной ширины экрана Вашего дисплея, а по высоте уменьшите примерно в два раза.

Разместите рисунок с помощью ЭУ PictureBox

  • выделите прямоугольную область на форме, в списке свойств Properties найдите свойство AutoSize и выберите для него значение True (изображение масштабируется в соответствии с размерами ЭУ PictureBox)

  • в списке свойств Properties найдите свойство Picture и, щелкнув на кнопку , укажите расположение файла картинки (\Рабочий стол\Картинки)

  • в списке свойств Properties найдите свойство BorderStyle присвойте ему значение 0-None


Вызовите окно программного кода для этого рисунка и в процедуру Picture1_Click впишите строки:

For n = 1 To 500 

Picture1.Left = Picture1.Left – 15 

Next

Цикл повторится 500 раз, что приведет к постепенному передвижению картинки влево, так как координата его по горизонтали каждый раз будет уменьшаться на 15 единиц (или на один пиксель экрана).

Left – это одно из много­чис­лен­ных свойств объекта Picture, задающее значение координаты левого края этого объекта.

Для изменения расположения по вертикали существует свойство Top, отвечающее за значение верхнего края объекта. Этими свойствами обладают и другие объекты в Visual Basic.

Запустите программу. При одиноч­ном щелчке мышью по автомобилю, последний будет перемещаться вперед. Закройте приложение. В процедуру Form_Click запишите:

 

Private Sub Form_Click() Picture1.Left = 8000 ‘ возврат End Sub

Выпишите в таблицу назначение свойств AutoSize, Left, Top

Сохраните проект вашей программы в папке Движущийся автомобиль. (см. п.5)

Проект 3 «Увеличение объекта»
    • Предварительно создайте на Рабочем столе папку с названием Увеличение объекта.
    • Запустите Visual Basic.
    • Создайте интерфейс проекта «Увеличение объекта».





Строка Image1.Width = Image1.Width * 1.25 при одиночном щелчке по командной кнопке увеличит значение свойства Width (Ширина) объекта Image1 в 1,25 раза. Вторая строка сработает таким же образом для свойства Height (Высота). В результате размеры изображения увеличатся на 25%.

Выпишите назначение свойств Width, Height


Разместите три командные кнопки Для размещения картинок воспользуйтесь ЭУ Image

Код программы:

Private Sub Command1_Click()

Image1.Width = Image1.Width * 1.25

Image1.Height = Image1.Height * 1.25

End Sub


Private Sub Command2_Click()

Image1.Width = Image1.Width / 1.25

Image1.Height = Image1.Height / 1.25

End Sub


Private Sub Command3_Click()

End

End Sub

Запустите программу. Проверьте работу кнопок.

Сохраните проект вашей программы в папке Увеличение объекта.
(см. п.5)

Покажите выполненную работу учителю.


Тест

  1. Объектом, выводящим на экран монитора графический образ (рисунок), является. . .

    1. Label

    2. Image

    3. Picture

    4. Shape

  2. Высота и ширина объектов определяются свойствами. . .

    1. Width и Height

    2. BorderWidth и Height

    3. Width и ScaleHeight

    4. Border

  3. Условный алгоритм реализуется в VB посредством. . .

    1. оператора присваивания

    2. оператора If

    3. оператора for

    4. функции Int

  4. Объектом, выводящим на форму надпись, является. . .

    1. Image

    2. Label

    3. TextBox

    4. Text

  5. Объект становится невидимым, если его свойству Visible присвоено значение. . .

    1. None

    2. True

    3. False

    4. On

  6. Click – это. . .

    1. объект

    2. свойство

    3. событие

    4. метод

  7. Чтобы добавить форму в проект, необходимо дать команду. . .

    1. Project – AddForm

    2. Project – FormShow

    3. File – Save Form as…

    4. File – AddForm

  8. Рамка вокруг метки или графического образа определяется свойством.

    1. BorderStyle

    2. Style

    3. Alignment

    4. Border

  9. Свойству Stretch объекта Image соответствует свойство объекта PictureBox…

    1. Picture

    2. Autosize

    3. BackStyle

    4. Style

  10. Заголовок формы определяется свойством…

    1. Caption

    2. BackColor

    3. BorderStyle

    4. Name



12



-75%
Курсы повышения квалификации

Профессиональная компетентность педагогов в условиях внедрения ФГОС

Продолжительность 72 часа
Документ: Удостоверение о повышении квалификации
4000 руб.
1000 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Размещение изображений на форме в Visual Basic. (Урок информатики в 10 классе) (527 KB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт