Шаг 9.
Вкладка Additional. Компонент TBevel

    На этом шаге мы рассмотрим компонент TBevel.

    Компонент TBevel используется для художественного оформления интерфейса пользователя и позволяет выделить группу компонентов для лучшего восприятия. таким образом компонент TBevel предназначен для выделения и разграничения областей на форме.

    Свойства компонента TBevel:

Таблица 1. Свойства компонента TBevel
Свойство Описание
Property Align: TAlign; Набор стандартных методов выравнивания:
  • alNone - выравнивания нет;
  • alTop - по верху;
  • alBottom - по низу;
  • alLeft - по левому краю;
  • alRight - по правому краю.
Property Color: TColor; Данное свойство задаёт цвет фона.
Property Cursor: TCursor; Данное свойство задаёт вид курсора над TBevel.
Property Height: Integer; Данное свойство задаёт высоту TBevel.
Property Hint: string; Данное свойство позволяет задать текст ярлычка помощи.
Property Left: Integer; Данное свойство задаёт расстояние от верхнего края формы до TBevel.
Type TComponent Name = string[63]
Property Name: TComponent Name;
Данное свойство содержит в себе уникальное имя объекта.
TBevelShape = (bsBox, bsFrame, bsTopLine, bsBottomLine, bsLeftLine, bsRightLine);
Property Shape: TBevelShape;
Данное свойство содержит формы TBevel:
  • bsBox - в виде прямоугольника;
  • bsFrame - в виде рамки;
  • bsLeftLine - в виде линии слева;
  • bsRightLine - в виде линии справа;
  • bsTopLine - в виде линии сверху.
Property ShowHint: Boolean; Данное свойство позволяет определить будет или нет показан ярлычок помощи (True-False).
TBevelStyle = (bsLowered, bsRaised)
Property Style: TBevelStyle;
Определяет стиль отображения видимых краев компонента. Рамка может быть:
  • bsLowered - вогнутая;
  • bsRaised - выпуклая.
Property Top: Integer; Данное свойство задаёт расстояние от левого края формы до TBevel.
Property Visible: Boolean; Данное свойство позволяет определить будет ли виден TBevel на экране.
Property Width: Integer; Данное свойство задаёт ширину TBevel.

    Значения для свойства Shape компонента TBevel:

Таблица 2. Значения для свойства Shape компонента TBevel
Значение Описание
bsBox Клиентское пространство делается приподнятым или утопленным.
bsFrame Клиентское пространство выделяется выпуклой или утопленной рамкой.
bsTopLine Клиентское пространство выделяется линией сверху.
bsBottomLine Клиентское пространство выделяется линией снизу.
bsLeftLine Клиентское пространство выделяется линией слева.
bsRightLine Клиентское пространство выделяется линией справа.
bsSpacer Клиентское пространство никак не выделяется.

    Общий вид значений для свойства Shape компонента TBevel в момент проектирования и в момент запуска приложения представлены на рис.1.


Рис.1.Значения для свойства Shape компонента TBevel

    Для компонента TBevel определены следующие методы:

Таблица 3. Методы компонента TBevel
Метод Описание
procedure Show; Данный метод позволяет отобразить компонент TBevel на экране
procedure Hide; Данный метод позволяет сделать компонент TBevel не видимым.

    Заметим, что компонент TBevel предназначен только для оформления - с ним не связаны никакие события.

    Приведем пример применения компонента TBevel. Создадим приложение и "разукрасим" его с помощью компонента TBevel.

    Разместим на форме компонент TPanel, а на нем: TButton, TBitBtn, TSpeedButton и TBevel (рис.2.).


Рис.2.Демонстрация компонента TBevel

    В этом небольшом примере использовано 8 компонентов TBevel. Для первого компонента TBevel в свойстве Shape выбрано значение bsFrame, а в свойстве Style - bs Raised. Для второго и пятого компонента TBevel установлены однинаковые свойства, для Shape - bsRightLine, Style - bs Raised. Для третьего компонента TBevel установлено свойство Shape - bsBox, а вот для четвертого компонента свойство Style - bs Lowered, именно поэтому он вдавлен в форму. Для шестого компонента свойство Shape - bsLeftLine. Попробуйте реализовать этот пример сами. Если не получится, то текст этого примера можно взять здесь.

    На следующем шаге мы рассмотрим компонент TScrollBox.




Предыдущий шаг Содержание Следующий шаг