Технология разработки приложений Windows в среде визуального программирования. Лекция 1 и 2

Визуальное программирование
 - способ создания программ путем манипулирования графическими объектами вместо написания

Интегрированная среда разработки (ИСР) 
(IDE – Integrated Development Environment)
– специальная программа, предоставляющая

C++ Builder
программный продукт, инструмент быстрой
разработки приложений (RAD),
интегрированная среда разработки (IDE),
система, используемая программистами для
разработки программного обеспечения на языке
 программирования C++

RAD (rapid application development) 
(быстрая разработка приложений)
- концепция

https://www.embarcadero.com/ru/products/cbuilder/starter/free-download

Версии C (C++) Builder

Запуск оболочки C++ Builder

File – New – Windows VCL Application

VCL -

Этапы создания проекта

Создание и сохранение нового проекта
Перенос на форму необходимых компонентов
Размещение

Компонент Form (Форма)

Form - форма, основной компонент приложения
На форме размещаются все

События при работе с мышью
OnClick − Щелчок мыши на компоненте
OnDblClick

OnStartDrag − Начало процесса перетаскивания объекта. Возможно распознавание перетаскиваемого объекта.
OnDragOver −

OnEnter − Событие в момент получения элементом фокуса в результате манипуляции

События при работе с клавиатурой
OnKeyDown − при нажатии любой клавиши. Можно

Создание проекта (программы)

Button - обычная кнопка без рисунка, наиболее распространена в приложениях

Для

Основные свойства компонента Button

Компонент Edit

Edit – окно для ввода
и вывода данных
в одну строку

Основные

Основные свойства компонента Edit

Компонент Label

Label - метка. Используется, в основном, для подписи других компонентов. Например,

Основные свойства компонента Label

Основные этапы работы над проектом

A) “Набрасываем” на форму (Form) необходимые компоненты,
в

Размещение компонентов на Form в окне Design

Вид окна проекта после переименования
отображаемых названий объектов

Текущее состояние листинга программы (Окно *.cpp)

Шаблон функции в окне Редактора Кода,

Edit3->Text = FloatToStr(StrToFloat(Edit1->Text) + StrToFloat(Edit2->Text));

код программы вносим в соответствующие
модули программы

Сложение

Вычитание

Edit3->Text =

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

Кнопка ОЧИСТИТЬ
Edit1->Text = "0";
Edit2->Text = "0";

Кнопка ЗАКРЫТЬ
Form1->Close();

COS
Edit3->Text = FloatToStr(cos(StrToFloat(Edit1->Text)));

SIN
Edit3->Text =

Результат после компиляции

Результат после нажатия на кнопку +

Edit3->Text = FloatToStr(StrToFloat(Edit1->Text) +

Канва - это двумерный массив пикселей

Доступ к канве любого объекта производится

Рисование линий

Создаем новый проект, затем размещаем на форме компонент Tbutton
из вкладки Standart и на

Рисуем квадрат, использую метод LineTo

Form1->Canvas->MoveTo(25,25);
Form1->Canvas->LineTo(25,200);
Form1->Canvas->LineTo(200,200);
Form1->Canvas->LineTo(200,25);
Form1->Canvas->LineTo(25,25);

Перемещаем положение пера
в точку (25,25),
чтобы было

Прямоугольник

Для рисования прямоугольников служит метод (функция) Rectangle:
Rectangle (x1,y1,x2,y2);
где переменные x1,y1 отвечают за положение левого верхнего

Form1->Canvas->Ellipse(25,25,200,200);

Form1->Canvas->Ellipse(25,50,400,200);

Эллипс

Для рисования эллипсов в канве предназначен метод
 Ellipse(x1,y1,x2,y2);
Этот метод имеет точно такие

Изменение внешнего вида фигур

За внешний вид рисуемых фигур отвечают два свойства

Изменяем свойства Реn и Brush

Form1->Canvas->Brush->Color=clSkyBlue;
Form1->Canvas->Brush->Style=bsCross;
Form1->Canvas->Pen->Color=clRed;
Form1->Canvas->Pen->Width=4;
Form1->Canvas->RoundRect(25,25,225,225,15,15);

Реn
Толщина линии – 4
Цвет

Дуга

Параметры x1, y1, x2, у2 определяют эллипс (круг), из которого вырезается

Метод Chord

Метод Chord  (X1, Y1, X2, Y2, X3, Y3, X4, Y4)

Сектор (Pie)

Метод pie (X1, Y1, X2, Y2, X3, Y3, X4, Y4) вычерчивает

Font- определяет шрифт выводимого на канву текста. Класс TFont включает в

Основные цвета

Вывод текста

Form1->Canvas->Font->Color=clPurple;
Form1->Canvas->Font->Height=25;
Form1->Canvas->TextOut(85,250,"Квадрат");
Form1->Canvas->Brush->Color=clBlue;
Form1->Canvas->Brush->Style=bsCross;
Form1->Canvas->Pen->Color=clRed;
Form1->Canvas->Pen->Width=4;
Form1->Canvas->RoundRect(25,25,225,225,15,15);

TextOut
Цвет текста – пурпурный (Purple)
Размер текста – 25 пиксел

Доступ к

Form1->Canvas->Pen->Color=clNavy; // устанавливаем темно-синий цвет пера
Form1->Canvas->Pen->Width=2; // устанавливаем толщину пера 2

TPoint points[5]; // Инициализация массива координат точек для построения многоугольника с

Результат выполнения демонстрационной
программы

Создание графических примитивов
средствами C++ Builder

Компонент Shape (фигура) рисует простые геометрические фигуры