60766

Проект «Картинна галерея»

Конспект урока

Педагогика и дидактика

Ознайомитись з такими об‘єктами: форма Form текстове поле Lbel малюнок Imge кнопка Button та їх основними властивостями: підпис Cption колір Color шрифт Font видимість Visible ширина Width висота Height.

Украинкский

2014-05-21

278 KB

2 чел.

Урок 2

ПРАКТИЧНА РОБОТА № 1

Проект «Картинна галерея»

Об‘єкти: форма, текстове поле, зображення, кнопка.

 Програмування кнопок.

Мета: Створити форму «Картинна галерея» з двома зображеннями, які повинні з‘являтись при натисканні на відповідну кнопку (мал. 1).

Ознайомитись з такими об‘єктами: форма (Form), текстове поле (Label), малюнок (Image), кнопка (Button) та їх основними властивостями: підпис (Caption), колір (Color), шрифт (Font), видимість (Visible), ширина (Width), висота (Height).

Навчитись створювати методи для кнопок (програмувати кнопки).

Теоретичні відомості.

 

1. Об'єкт Form використовують для створення вікна програми-доданку. Розглянемо такі властивості форми:

Властивість

Опис властивості

Приклади значень

 Width, Height

Ширина і висота вікна в пікселях

Числові значення

Font

Шрифт

Комплексна властивість, задається в діалоговому вікні

Icon

Задаємо піктограму, яка буде розміщена в заголовку
форми при виконанні програми

(None) - стандартна піктограма для Delphi, або завантажена із файла *.ico

Caption

Заголовок форми

Довільний рядок символів

Color

Колір фону форми

Задається в діалоговому вікні   .

Left, Top

Координати лівого верхнього кута вікна в пикселах

Числові значення


2.
Об'єкт текстове поле (Label) використовують для створення текстів (написів) у вікні програми. Додамо до аналогічних властивостей, які наведені у попередній таблиці  Font, Color, Caption, Left, Top,  такі:


 

Властивість

Опис властивості

Приклади значень

Align

Вирівнювання поля відносно об‘єкту,  який його містить

(форми)

alBottom, alClient, alLeft,  . аlNone, alTop

Alignment

Вирівнювання тексту в межах      поля

taCenter, taLeft-Justify, taRight-Justify

AntoSise

Приведення меж поля до меж границам тексту

True, False

Visible

Видимість об‘єкта

True,  False

WordWrap

Перенесення слів тексту на новий рядок

True, False

3. Об‘єект картинка (Image, зображення) використовують для вставки графічних  об‘єктів із графічних файлів в форму. Крім відомих властивостей  Elign, Width, Height ,Left, Top, Visible, він має ще і такі:

Властивість

Опис властивості

Приклади значень

Center

Вирівнювання малюнка по центру відносно

 поля, яке його містить

True, False

Picture

Імя графічного файла

Задають в діалоговому вікні

Stretch

Приведення розміру зображення до заданих размірів об‘єкту

  True, False

AutoSize

Приведення розміру об‘єкта до реальних розмірів зображення

True, False

4. Об‘єкт кнопка (Button) застосовують для  розміщення елементів керування -  кнопки на формі.. Кнопки мають такі ж властивості Visible, Width, Height, Font, Color,  Caption,  Left, Top і  інші.


Хід роботи

  1.  Завантажте систему візуального програмування Delphi.
  2.  Створіть на  диску  D: \ папку Проекти Delphi, а в ній папку, яка названа вашим прізвищем.
  3.  Зберіжіть проект в своїй папці.
    Для цього виконайте команду головного меню
    File - Save all або натисніть кнопку  Save all на панелі інструментів. В полі Папка вікна Save Unit1 As виберіть робочий диск та відкрийте свою папку. За допомогою кнопки (Створити нову папку) створіть папку з назвою Картинна галерея та відкрийте її.
    В полі
    Ім‘я файла замість імені Unit1 введіть ім‘я Text_Gallery і натисніть Сохранить.
    Цим Ви задаєте ім‘я файла тексту програми.
    В наступному вікні
    Save Project As введіть назву файла проекту, замінивши Project1 на Gallery.
    Зверніть увагу: файли проекту і тексту програми повинні мати різні назви і застосовувати можна тільки латинський шрифт.
  4.  Візуально ознгайомтесь із властивостями форми Left, Top, Width, Height.
  5.  Змініть надпис в заголовку форми.
    Для цього в
    Інспекторі об‘єктів змініть властивість Caption  з Form1 на Картинна галерея.
  6.  Змініть колір фону форми.
    Для цього в вікні властивостей форми інспектора об‘єктів в рядку
    Color виберіть значення кольору фону за допомогою списку.
  7.  

Вставте в форму текстове поле (об‘єкт типу Label) з текстом «КАРТИННА ГАЛЕРЕЯ».
Два рази клацніть мишею по піктограмі
Label  на закладці Standard палітри компонентів головного вікна Delphi. Розташуйте вставлений компонент так, як показано на мал.1, перетягуючи його мишею.



















    Мал. 1

Змініть значення властивості Font на такі:

 Шрифт - Times New Roman;

Начертание – жирний курсив;

Колір – малиновий;

Розмір – 12 пт.

Змініть текст Label1 властивості Caption для об‘єкту  Label1 на «КАРТИННА ГАЛЕРЕЯ».

  1.  Аналогічно вставте в форму такі компоненти:

    1)  
    Button1, Button2 та Button3, розташувавши їх так, як показано на мал.1.
    Кнопка
    Button     знаходиться на закладці Standard палітри  компонентів головного вікна Delphi.
    2)
    Image1 та Image2 (зображення).
    Кнопка
    Image    знаходиться на закладці Additional палітри  компонентів головного вікна Delphi.
    Компонент Image1 розташуйте праворуч, а Image2 – ліворуч.
  2.  Змініть надписи на кнопках таким чином:
    властивість   
    Caption для кнопки Button1 установіть «Схід сонця», для кнопки Button2 – «Зима», для кнопки Button3 – «Вихід».
  3.  Вставте в об‘єкт  Image1 картинку «Зима» із стандартного набору папки «Мои рисунки» таким чином:
    виділіть об‘єкт  
    Image1 і відкрийте  властивість Picture. Кнопка Load відкриє папку «Мои документы». В папці  «Мои рисунки» виберіть потрібне зображення – OK.
    Аналогічно вставте малюнок «Схід сонця» в об‘єкт
    Image2.
    Для того, щоб розмір картинки відповідав розміру об‘єктів
    Image, установіть значення True властивості Stretch для обох об‘єктів одночасно. Для цього виділіть компоненти   Image1 та Image2, утримуючи кнопку Shift, а потім змініть значення відповідної властивості.
    По закінченні роботи форма повинна мати такий вигляд:
  4.  Програмування кнопки «Вихід» .
    Програмування кнопки – це створення процедури обробки події при натисканні на цю кнопку.
    Для створення процедури необхідно активізувати кнопку  Button3 ( «Вихід») і двічі клацнути на нії лівою кнопкою миші. Ви потрапите у вікно Unit1.pas, яке містить програмний код проекту, і отримаєте таку ситуацію на екрані:

    procedure TForm1.Button3Click(Sender: TObject);

 begin

             end;
Між службовими словами введііть команду закриття доданку Close.
Поверніться до вікна форми і перевірте роботу кнопки  «Вихід».
Запустити програму можна декількома засобами:
- виконати команду
RunRun головного меню;
- клацнути по кнопці
Run  панелі інструментів;
- натиснув функціональну клавішу
F9.

  1.  Програмування кнопок «Зима» та «Схід сонця».
    При запуску програми зображення  мають бути невидимими і з‘являтись тільки після натискання на відповідну кнопку.
    Керувати цим процесом ми будемо, змінюючи властивість
    Visible.
    Виділіть компоненти
    Image1 та Image2 і установіть в інспекторі об‘єктів значення False для властивості Visible.
    Активізуйте кнопку «Зима» і створіть процедуру обробки події, двічі клацнувши на об‘єкті
    Button2 і  змініть значення видимості об‘єкту таким чином:

    procedure TForm1.Button2Click(Sender: TObject);

                begin

      Image1.Visible :=True;

        Image2.Visible :=False;
  end;

Аналогічно запрограмуйте кнопку «Схід сонця»:

 
procedure TForm1.Button1Click(Sender: TObject);

 begin

        Image2.Visible:=True;

        Image1.Visible:=False;

      end;

  1.  Запустіть програму і перевірте її роботу.

Запишіть проект на диск командою Save all.

Завдання для самостійного виконування.

 В папці «Інформатика Фізики 10» є файл презентації «Історія розвитку ОТ».

Користуючись матеріалами презентації створити проект, який відібражає  інформацію про три  особистості, відомі в області інформатики. При натисканні на кнопку з його прізвищем повинне відібражатись його зображення та під ним виводитись коротке повідомлення про його діяльність.


 

А также другие работы, которые могут Вас заинтересовать

27427. Становление и развитие методики обучения рисованию в российских школах XIX в.Школа А.Венецианова; училище технического рисования графа С.Строганова 40.5 KB
  Венецианова; училище технического рисования графа С.Строганова; курс рисования А.Чистякова; школа Ашбе: геометральный и натуральный методы рисования. он на свои деньги основал бесплатную Строгановскую школу рисования в которой училось искусствам и ремеслам 360 человек в том числе и бедные дети горожан и крепостные.
27428. Понятие образования и образовательных моделей. Историческая реконструкция образовательных моделей как форм организации содержания образования и технологии воспроизводства культуры 15.02 KB
  Историческая реконструкция образовательных моделей как форм организации содержания образования и технологии воспроизводства культуры Образование это процесс и результат приобщения человека к знаниям о мире ценностям опыту накопленному предшествующими поколениями.Модели образования История зафиксировала различные модели образования каждая из которых имеет свои положительные тенденции и сыграла определенную роль. Модель образования как государственноведомственной организации.
27429. Методика обучения как педагогическая наука. Предмет методики. Современное понимание содержания и структуры образования. Специфика художественного образования и обучения искусству 30 KB
  Современное понимание содержания и структуры образования. Специфика художественного образования и обучения искусству. Содержание образования это социальный опыт деятельности. В содержание образования входит 4 компонента: знания; умения навыки; опыт эмоциональноценностных отношений; опыт творческой деятельности.
27430. Методы обучения искусству в эпоху Возрождения. Школа-мастерская.Ченнино Ченнини, Альберта, Леонардо да Винчи, А.Дюрер.Методы обрубовки.Метод завесы 38 KB
  Методы обучения искусству в эпоху Возрождения. Постановка обучения в эпоху Возрождения представляла собой следующие этапы. После 6 8 лет обучения ученик мог остаться в мастерской в качестве помощника но мог и перейти к другому мастеру. Основа обучения рисунок.
27431. Особенности развития художественного образования в России и за рубежом конца 19-начала 20 в. История становления современной системы художественного образования в общеобразовательной школе. Истоки многообразия концепций и подходов 39 KB
  Особенности развития художественного образования в России и за рубежом конца 19начала 20 в. История становления современной системы художественного образования в общеобразовательной школе. определяется приоритетным значением в среде художественнопедагогической общественности как в нашей стране так и за рубежом идея всеобщего эстетического и художественного воспитания. Ведущим в данный период развития художественного образования становится лозунг от ребёнка к методу.
27432. Основные дидактические принципы, методы, средства и ресурсы обучения искусству, их взаимосвязь и взаимозависимость в педагогической практике 36 KB
  Основные дидактические принципы методы средства и ресурсы обучения искусству их взаимосвязь и взаимозависимость в педагогической практике. Основные дидактические положения методики преподния изоискусства. С методологической и методической точки зрения неверна теория утверждающая что раз все люди поразному видят и поразному воспринимают мир то и натуру они могут передавать поразному как видят. Принципы и методы обучения изоискусству концепции Приобщение к мировой художественной культуре как части духовной культуры Б.
27433. Особенности проблемного обучения изобразительному искусству в школе. Понятие проблемы и проблемной ситуации в обучении искусству. Специфика организации, проектирования/ моделирования проблемной ситуации на уроках ИЗО 33.5 KB
  В программе она формулируется как задача формирования художественнотворческой активности школьника. Познавательная усвоение способов постижения и организации художественного образа. Основные типы проблем: познание способов методов художественного творчества усвоение способов создания художественного образа специфики языка искусства усвоение приемов изобразительной деятельности. Первый тип проблем объединяет проблемы художественного образного обобщения фактов явлений объектов предметов действительности через художественный замысел.
27434. Урок изобразительного искусства как форма организации и управления художественно-познавательной и творческой деятельностью учащихся. Особенности структуры и оргформ в контексте целей и содержания различных концепций и программ обучения искусству 31.5 KB
  Урок изобразительного искусства как форма организации и управления художественнопознавательной и творческой деятельностью учащихся. Эта разница особенности различных подходов к художественному образованию проявляется и на уроке т. Эти особенности проявляются и в построении структуре урока его проектировании моделировании оценке результатов. Понимание этапов процесса обучения структуры урока зависит от типа обучения: традиционное развивающее проблемное программированное и т.
27435. Традиционная и инновационная структуры урока искусства. Урок-трансляция и урок содержательной коммуникации 33 KB
  Традиционная и инновационная структуры урока искусства. Программа обучения задаётся через предметность содержания класснопоурочную систему тематическое планирование планирование каждого урока. Под структурой урока следует понимать соотношение элементов этапов звеньев урока в их определенной последовательности и взаимосвязи между собой. Элементами урока являются: организационный момент; проверка знаний предыдущего учебного материала логически связанного с содержанием данного урока; переход к новому материалу; изучение нового материала;...