Справочник советов и примеров по C++Builder

Размещение компонентов на форме.


В Интегрированной Среде Разработки компоненты представлены пиктограммами.

8.3.1. Перенос компонентов со страниц библиотеки на форму.

(1) Открыть соответствующую страницу Палитры компонентов

(2) Найти на Странице компонентов соответствующий компонент

(3) Двойной щелчок на компоненте, чтобы он появился на активной форме

(3.1) Размещение на форме нескольких компонентов одного типа:

- Удерживая клавишу Shift, щелчок на пиктограмме компонента => щелчок на активной форме в месте, где должны появиться компоненты.

  • Удалить ошибочно перенесенный компонент на форму очень просто: выделите его и нажмите клавишу Delete.
  • При переносе компонента на форму надо сразу изменить его имя Name, принятое по умолчанию, на другое осмысленное имя.
  • Способы изменения визуальных параметров компонента:

- буксировка компонента в нужное место на форме,

- изменение размеров компонента на форме

8.3.2. Поиск компонента по его имени и страницы, на которой он расположен.

View => Component List => Откроется диалоговое окно Components, содержащее алфавитный список компонентов => В окне быстрого поиска по имени "Search by name " написать имя искомого компонента => Выделить искомый компонент: (1), (2), (3)

(1) F1 - справка по выделенному компоненту

(2) Для появления компонента на форме нажать кнопку Add to form или



(3) Для появления компонента на форме двойной щелчок мыши на выбранном компоненте.

8.3.3. Родители и владельцы компонентов Parent и Owner

  • Способы размещения компонентов на форме:

    - непосредственно на форме;

    - на панели группы компонентов

  • У каждого компонента есть родитель:

    (1) Форма - тогда родителем и владельцем компонента является сама форма;

    (2) Другой оконный компонент - тогда для компонента родителем становиться эта панель:

    (2.1) А значит, дочерние компоненты будут расположены в Z-последовательности, которая определяет какой из них будет виден.

  • Родитель компонента указывается в Инспекторе Объектов в его (групповом?) свойстве Parent, которое раскрывается в таблице:


Тип компонентаНазвание свойства компонента в Object InspectorПринимаемое значение свойством Что отражает свойство компонента при соответствующем значении?
Виз. К.ParentFonttrue(falce)Наследование от родительского компонента атрибутов шрифта
Виз. К.ParentShowHinttrue(falce)Наследование от родительского компонента атрибута показа ярлычков
Виз.О.К.ParentCtl3DНаследование от родительского компонента атрибута оформления
Виз.К.Left
Top
 Измерение в системе координат родительского компонента положения левого верхнего угла дочернего компонента
Виз.К.Anchors Определение привязки дочерних компонентов к границам родительского компонента
Виз.К.Visible(видимый)true(falce)Установка невидимости не только видимости родительского компонента, но и всех его дочерних компонентов
Виз.К. + Enabled(доступный)true(falce)Установка значения свойства в родительском компоненте закрывает / открывает доступ к дочерним компонентам, т.е. пользователь не сможет нажимать кнопки и производить любые другие действия в пределах данного родительского компонента
8.3.3.1. Многослойное размещение компонентов на форме

  • При помещении панелей друг на друга получается многослойное размещение компонентов на форме. Для переноса компонента с панели на панель используется Clipboard.
  • Схема переноса компонента через Clipboard, тогда компонент пренесется из Clipboard на новое место и обретет нового родителя - панель или форму:

    (1) Выделить курсором переносимый компонент;

    (2) Вырезать выделенный компонент в Clipboard следующими способами:

       (2.1) Командой Edit => Cut или

       (2.2) Горячей клавишей Ctrl-X.

    (3) Щелчок на форме или панели, куда переносится компонент, сопровождается следующими действиями:

       (3.1) Командой Edit => Paste или

       (3.2) Горячей клавишей Ctrl-V.


  • Управление видимостью оконных компонентов: панелей, кнопок, окон редактирования, осуществляется щелкнув правой кнопкой мыши и выбором соответствующей команды:



    (1) Edit => Bring To Front - перемещение выделенного оконного компонента на верх Z-последовательности,

    (2) Edit => Send To Back - перемещение выделенного оконного компонента на самый низ Z-последовательности.


8.3.4. Поиск "пропавших" компонентов

Способы поиска "пропавших" компонентов:

(1) Инспектор Объектов => самый верхний выпадающий список => выбор по имени "пропавшего" компонента, тогда пропавший компонент будет отмечен маркером.

(2) Еще один способ найти компонент на форме - выделение его вершины в окне Object Tree-View, смотри раздел 8.3.5.

(3) Дополнительно смотри п. 8.3.3.1. : управление видимостью оконных компонентов.

8.3.5. Окно Object TreeView и страница диаграмм Редактора Кода

  • Object TreeView - дерево объектов для отображения всех визуальных и невизуальных компонентов приложения в аспекте связей этих компонентов.
  • Вызов окна Object TreeView выполняется командой View => Object TreeView, в котором можно перетаскиванием дочернего компонента менять родителя.
  • Связи между компонентами можно документировать в виде диаграммы:

    - Окно Редактора Кода => Страница Diagram => (1), (2), (3):

    (1) выпадающий список активной диаграммы и быстрые кнопки для создания, редактирования, удаления диаграммы;

    (2) окно Name - имя диаграммы;

    (3) окно Description - текстовое описание диаграммы.


  • Для создания диаграммы надо из окна Object TreeView перетащить в поле Диаграммы интересующие компоненты; автоматически появляются стрелки, показывающие заданные связи между компонентами.


8.3.6. Работа с группой компонентов, выравнивание компонентов по размеру и положению

  • Способы выделения группы компонентов:

    - при расположении компонентов непосредственно на форме обвод курсором рамки вокруг компонента;

    - держа нажатой клавишу Shift выделить компоненты, расположенные на разных формах и которые войдут в группу выделенных компонентов.


  • Операции с выделенной группой компонентов:

    (1) одновременное перемещение, потянув курсором;

    (2) задавать для всей группы в Инспекторе Объектов общие свойства: шрифт, оформление и т.п.;



    (3) задать общий для всех компонентов группы обработчик какого-то события;

    (4) скопировать всю группу в буфер обмена Clipboard:

       (4.1) Командой Edit => Copy или

       (4.2) Горячей клавишей Ctrl-C.

    (5) вставить в другую форму (на панель) скопированную группу компонентов:

       (5.1) Командой Edit => Paste или

       (5.2) Горячей клавишей Ctrl-V.

    (6) выравнивание по размеру и взаимному расположению.


  • Способы выравнивание по размеру и взаимному расположению:

    (1) Из Строки главного меню Edit:

    - Edit => Align - выравнивание размещения;

    - Edit => Size - выравнивание размеров;

    - Edit => Scale - масштабирование.

    (2) Из Строки контекстного меню Position, вызываемого щелчком правой кнопки мыши по выделенному компоненту (-ам):


- команда Size => окно Size: (1), (2)

(1) Левая часть окна - Width устанавливает ширину компонентов:

  • No change - не изменять;
  • Shrink to smallest - уменьшить до размеров минимального из компонентов группы;
  • Shrink to smalgest - увеличить до размера максимального из компонентов группы;
  • Width - ширина компонента в пикселях.


(2) Правая часть окна - Height - высота компонентов аналогично ширине.

- команда Align => окно Alignment: (1), (2)

(1) Левая часть окна - Horizontal устанавливает выравнивание компонентов по горизонтали:

  • No change - не изменять;
  • Left sides - выровнять компоненты по их левым сторонам;
  • Center - выровнять компоненты по их центрам;
  • Right sides - выровнять компоненты по их правым сторонам;
  • Space equally - разместить с равными интервалами между компонентами;
  • Center in window - расположить в центре окна.


(2) Правая часть окна - Vertical устанавливает выравнивание компонентов по вертикали:

  • No change - не изменять;
  • Tops - выровнять компоненты по их верхним сторонам;
  • Center - выровнять компоненты по их центрам;
  • Bottoms - выровнять компоненты по их нижним сторонам;
  • Space equally - разместить с равными интервалами по вертикали между компми;
  • Center in window - расположить в центре окна


- View => Alignment Palette - палитра выравнивания.

- Edit => Scale - пропорциональное изменение масштабов всего расположения на форме; в окне диалога опция Scaling factor отображает масштабируемый коэффициент в %.

8.3.7. Фиксация компонентов

  • Фиксация компонентов нужна как защита от случайных сдвигов выровненных компонентов.
  • После размещения и выравнивания компонентов их местоположение полезно зафиксировать.
  • Для установки фиксации / разблокировки фиксации используется команда Edit => Controls: (1), (2)

    (1) первичное выполнение этой команды - зафиксирует местоположение компонентов;

    (2) повторное использование этой команды разблокирует фиксацию.



Содержание раздела