14.6 Пример создания приложения в визуальной среде (калькулятор)

Задача:Создать программу, моделирующую работу простейшего калькулятора.

Последовательность выполнения:

1. Запустить систему С++Builder.

2. Открыть новое приложение File\NewApplication.

3. Создать проект, сохранив приложение в новой папке (FiLE\SaveProjectas…). Создать новую папку, открыть ее и сохранить файлыProject.bprиUnit1.cpp.

4. Проверить текущую папку и наличие в ней файлов проекта (первоначально – 6 файлов).

5. В окне редактора форм создать активные и пассивные объекты калькулятора, используя компоненты Edit(редактируемое поле),Label(наименование поля) иButton(активная кнопка: команда: событие).

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

Вариант интерфейса микрокалькулятора:

Операнды:

В полях Edit1(2) размещаются значения операндов, в полеEdit3 должен появиться результат операции при нажатии кнопки «+» (-).

6. Программирование активных кнопок (объектов).

Дважды щелкнуть кнопкой мыши на объекте «+» (-, Exit). Автоматически активизируется Редактор кода и курсор устанавливается в тело автоматически сгенерированной функции соответствующего обработчика события. Ввести тексты кодов обработчиков событий, приведенные ниже.

а) Текст кода обработчика события нажатия кнопки «+»:

Примечание:Уточненное имяEdit1Text

Означает:

Edit1 -- имя объекта,

-> -- операция разадресации указателя

Text-- имя свойства объекта. В данном случае это имя редактируемого поля.

float x,y,z;

x = StrToFloat(Edit1Text);

y = StrToFloat(Edit2Text);

z = x + y;

Edit3Text = FloatToStr(z);

б) Текст обработчика события нажатия кнопки “Exit”.

Close();

7. Сохранить проект (Saveall).

8. Запустить процедуру полной обработки. Отладить и протестировать программу.

9. Закрыть проект : File  Close all.

Дополнительное задание:

Дополнить калькулятор новой функцией вычисления выражения

y = a · sinx + b · cosx;

14.7 Пример создания приложения с размещением рисунков на форме

Задача:Создать приложение, отображающее рисунки. Рисунки находятся в файле на диске в формате .bmp. Предусмотреть кнопку для смены рисунка путем его выбора в диалоговом окне.

Последовательность выполнения

1. Открыть новое приложение и создать проект в новой папке (см. Задание 1 пп 2,3).

2. Поместить на форму панель Panel(вкладкаStandard), которая будет ограничивать контуры рисунка:

• поместить на форму компоненту Panelи развернуть ее до размеров формы.

• удалить название панели, используя свойство Caption(заголовок).

• изменить направление выпуклости панели, чтобы она была вогнутой, используя свойство Bevellnner(внутренняя фаска, установить значениеbvNone) и свойствоBevelOuter(внешняя фаска, установить значениеbvLowered).

• изменить ширину рамки, присвоив свойству BewelWidth(ширина фаски) значение 2.

• записать размеры панели (значения свойств Width(щирина) иHeight(высота) [предположим они имеют значения 241 и 185 соответственно].

3. Создать и настроить область рисунка:

• создать объект Image1 (вкладкаAdditional(дополнительные)) в центре панели.

• отметить положение левого верхнего угла рисунка (предположим, он отстоит от соответствующего угла панели на две точки): установить соответствующие значения свойств LeftиTop.

• развернуть область рисунка до размеров панели, изменив свойства: Wigth(ширина) иHeight(высота). Их значения соответственно будут равны:

241 - 4 = 237 и

185 - 4 = 181.

• включить автоматическую установку рисунка по размерам установленной области:

- выбрать объект Image1.

- Найти в инспекторе объектов свойство Stretch(растяжка) и установить значениеtrue(включено).

4. Размещение рисунка:

• н

    

  а инспекторе объектов щелкнуть ЛКМ по правой области свойстваPicture(изображение)

• щелкнуть на кнопке

• в открывшемся окне редактора изображений (PictureEditor): щелкнуть на кнопкеLoad(загрузить). В открывшемся окнеLoadPicture(загрузка рисунка) выбрать диск и директорийC:\Windowsи в нем файл с расширением .bmp(например, облака.bmp). щелкнуть на кнопке "открыть". Вернувшись в окно Редактора изображений, щелкнуть на кнопке ОК. облака заполнят панель(область рисунка).

5. Создание средств управления выбором рисунка:

• выбрать на ПК вкладку Dialogs.

• выбрать и поместить на форму компоненту OpenDialog.

• используя свойство Title(заголовок окна), задать название кнопки: "выбор изображения".

• в поле свойства FileName(имя файла) указать путь для поиска файла рисунка:

C:\Windows\Облака.bmp.

• в поле свойства Filter(фильтр) ввести строку:

Растровое изображение | *.bmp

Если расширение файла в маске не указано, то оно берется из свойства DefaultExit(стандартное расширение), присвоив ему значение .bmp.

6. Программирование события "Выбор рисунка", связанного с кнопкой OpenDialog1. В качестве события будет выбор рисунка на форме.

• выбрать на форме объект Image1.

• перейти на вкладку Events(события) инспектора объектов.

• дважды щелкнуть напротив события (правое поле) OnClick(при щелчке мыши).

• в теле открывшейся функции ввести инструкцию:

OpenDialog1->Execute();

Здесь функция Execute() объектаOpenDialog1 обеспечивает вывод окна диалога для выбора файла рисунка.

В итоге функция будет иметь вид:

Void _fastcall Tform1::Image1Click(TObjekt *Sender)

{OpenDialog1->Execute();}

- ввести в тело вышеприведенной функции второй оператор, определяющий путь поиска файла, выбранного в окне диалога рисунка:

Image1->Picture->LoadFromFile(OpenDialog1->FileName);

7. Сохранить проект (Saveallна панели инструментов).

8. Запустить процедуру полной обработки, отладить и протестировать проект.

Дополнительное задание:

1. Изменить размеры и координаты рисунка, поместив его в правый верхний угол.