Окно формы. Форма является основой большинства приложений , так как на ней размещаются другие управляющие компоненты. Внешний вид окна формы показан на рисунке 1.3.
Оконное меню
Заголовок окна
Кнопка свертыван.
Кнопка восстановл.
Кнопка закрытия
Граница окна
Рис.1.3 Внешний вид формы
Граница – придает форме необходимую степень гибкости. В зависимости от типа формы ее размеры можно сделать фиксированными либо масштабируемыми, а при необходимости вообще убирать с экрана.
Оконное меню – содержит команды для восстановления, перемещения, изменения размеров и закрытия формы.
Заголовок окна – содержит текст, выводимые в заголовке формы. В нем может содержаться имя приложения, краткое описание формы или информация о ее текущем состоянии.
Кнопки – осуществляют закрытие, восстановление или свертывание окна формы.
Можно изменить вид окна, убрав в нем какие либо кнопки или всю полоску заголовка, сделав окно с неизменными размерами и т.п. Во время проектирования форма покрыта сеткой из точек , в узлах которой размещаются те компоненты, которые переносятся на форму.
Окно редактора кода расположено под главной формой. Для доступа к нему достаточно двойного щелчка левой клавишей мыши по форме. Окно редактора состоит из двух панелей – панели просмотра проектов, расположенной в левой части окна и панели редактора исходных текстов, расположенной справа(рис.1.4).
Рис.1.4 Окно редактора кода
Первая панель визуально отображает структуру связей между различными объектами программы и позволяет быстро перемещаться по ее тексту. Редактор кода является полноценным программным редактором. Его можно настроить на стиль работы , который наиболее привычен пользователю, используя соответствующие цвета и шрифты. В заголовке окна редактора кода отображается имя текущего файла , с которым в настоящее время работает пользователь. В нижней части редактора кода расположена строка состояния ,в которой отображаются индикаторы строки, модификации и режима вставки.
Инспектор объектов обеспечивает простой и удобный интерфейс для изменения свойств объектов и управлениями событиями, на которые реагирует объект.
Свойства объекта –это одна из его характеристик , определяющих внешний вид объекта.
Так, например, для кнопки характерными являются такие свойства как : ее размеры (ширина и высота), цвет, название( текст на кнопке ), размер шрифта и т.д. Каждый элемент имеет большое количество свойств , при этом свойства отдельных элементов могут совпадать. Инспектор объектов позволяет быстро и удобно менять любые свойства текущего( выделенного на форме) объекта. При этом вносимые изменения немедленно отображаются на внешне виде объекта.
События в среде Windows используются для управления программами. Они позволяют программе реагировать на любые действия пользователя , такие как нажатие кнопки, щелчок мыши, изменение состояния переключателя и т.д. В ответ на каждое событие генерируется сообщение , описывающее действие пользователя. Так, например, при изменении размеров формы инициируется событие Resize(изменение размеров формы) ,а при нажатии кнопки инициируется событие Click и т.д.
Окно инспектора объектов имеет две страницы: страниц свойств(Properties) и страницу событий (Events), выше которых расположен выпадающий список, позволяющий выбирать нужный объект из имеющихся на форме(Рис.1.5).
Рис.1.5 Инспектор объектов
Страница свойств инспектора объектов показывает свойства того объекта , который в данный момент выделен пользователем, а страница событий содержит список событий на которые этот объект может реагировать. Каждая из страниц содержит панель , состоящую из двух колонок. В первой указываются названия свойств(или событий), а во второй - их текущие значения. При определении свойств компонента во время проектирования нужно выбрать компонент на форме, открыть страницу свойств в инспекторе объектов, выбрать определяемое свойство и изменить его с помощью редактора свойств.
Для того, чтобы добавить обработчик событий, нужно выбрать на форме с помощью мыши компонент, которому необходим обработчик событий, затем открыть страницу событий инспектора объектов и дважды щелкнуть левой клавишей мыши на колонке значений рядом с событием, чтобы заставить C++ Builder сгенерировать прототип обработчика событий и показать его в редакторе кода. При этом автоматически генерируется текст пустой функции, и редактор открывается в том месте, где следует вводить код. Курсор позиционируется внутри операторных скобок { ... }. Далее нужно ввести код, который должен выполняться при наступлении данного события.
2. Создание приложений в среде C++Builder
При созданий приложений в этой среде необходимо выполнить три основных этапа:
создать интерфейс приложения;
установить свойства;
написать код.
Создание интерфейса. Основным фундаментом интерфейса являются формы. Чаще всего они используются в качестве контейнеров для других элементов управления. Поэтому первым шагом в построении приложения является создание формы , затем на не размещаются другие объекты управления , которые и составляют основу интерфейса. Чтобы перенести конкретный элемент управления на форму необходимо:
Найти пиктограмму элемента на палитре компонентов и щелкнуть по ней левой клавишей мыши.
Поместить указатель мыши на форму в том месте , где должен располагаться левый верхний угол ,выбранного элемента.
Перетаскивать указатель мыши , пока элемент управления не достигнет желаемых размеров.
После отпускания кнопки мыши , элемент управления появится на форме
Другой способ добавления элемента управления на форму – двойной щелчок мыши по пиктограмме соответствующего элемента на панели компонентов. Таким образом, создается элемент управления с размерами по умолчанию, расположенный в центре формы, который затем можно перемещать в нужное место.
Рассмотрим пример создания интерфейса для приложения , в котором на форме при нажатии кнопки “Пуск”, отображалась бы фраза : “Это мое первое приложение”. Для этого необходимо:
Перенести на пустую форму кнопку типа TButtom со страницы Standard палитры компонентов, любым из рассмотренных выше способов. На форме появится кнопка , которой по умолчанию будет присвоено имя – Button1.
Аналогичным образом необходимо перенести на форму с той же страницы палитры компонентов метку Label . По умолчанию ей будет присвоено имя Label1.
В результате этих действий интерфейс приложения примет вид, показанный на рисунке 2.1.
Рис.2.1 Начальный вид интерфейса
Если размеры элементов на форме не устраивают пользователя , то их можно изменить следующим образом:
Щелчком кнопки мыши выбрать элемент, размеры которого предполагается изменить. В его углах появятся маркеры размера.
Установить курсор мыши на маркер размера и перетаскивать его , пока элемент управления не достигнет нужных размеров.
Размеры элементов можно изменять и с помощью клавиатуры, используя для этого клавиши перемещения курсора при нажатой клавише “ Shift ”.
Перетаскивание элементов управления на форме осуществляется с помощью мыши. Заблокировать положение всех элементов управления на форме можно командой “Lock Controls” в меню Edit. Это приведет к фиксированию всех элементов управления, и их случайное перемещение станет невозможным.
Установка свойств является следующим шагом при разработке приложения. Свойства элементов управления устанавливаются в окне свойств (Properties) Инспектора объектов (Object Inspector). Для рассматриваемого примера целесообразно изменить значения свойств перечисленных в таблице 2.1.Значения других свойств следует использовать по умолчанию.
Таблица 2.1
Объект |
Свойство |
Значение |
Форма |
Caption (надпись) |
Приложение C++Builder |
Метка |
Caption (надпись) |
Пустое поле |
Кнопка управления |
Caption (надпись) |
Пуск |
После установки значений этих свойств объектов(элементов), интерфейс приложения примет окончательный вид, показанный на рисунке 2.2.
Рис.2.2 Окончательный вид интерфейса
Написание кода. Программный код на языке С++ записывается в окне Редактора кода. Для рассматриваемого примера , в соответствии с интерфейсом приложения ,необходимо записать программный код , который бы присваивал свойству Caption метки(Label) нужный нам текст в нужный момент времени. Этот момент определяется щелчком пользователя по кнопке “Пуск”, в результате чего инициируется событие включения кнопки( OnClick ).Следовательно, программный код должен выступать в роли обработчика этого события и перед его написанием необходимо выполнить ряд дополнительных процедур:
Выделить кнопку “Пуск” на форме , а в Инспекторе объектов открыть страницу событий (Events).
В списке событий найти событие кнопки OnClick и произвести двойной щелчок мышью в окне, расположенном справа от имени этого события.
После выполнения этих процедур в окне Редактора кода появится текст заголовка функции:
void __fastcall TForm1::Button1Click(TObject *Sender)
{
}
Заголовок этой функции складывается из имени класса используемой формы ( TForm1 ) , имени компонента ( Button1) и имени события без префикса (Click). Текст кода, который характеризует реакцию программы на нажатие кнопки “ Пуск” вписывается между двумя фигурными скобками. Эти скобки определяют смысловые границы, внутри которых должен располагаться программный код. Для рассматриваемого примера он будет иметь вид :
void __fastcall TForm1::Button1Click(TObject *Sender)
{
Label1->Caption="Это мое первое приложение!";
}
Порядок написания элементов кода для этого оператора подчиняется следующему синтаксису:
Объект-> Свойство = Значение свойства;
П
осле
написания кода программу можно
откомпилировать и запустить на выполнение
с помощью команды Run/Run
или соответствующей быстрой
кнопки, а при необходимости можно
использовать горячую клавишу F9.
На экране дисплея появится окно
приложения, нажав в нем кнопку ”Пуск”
мы увидим строку текста: “Это мое первое
приложение!“