Sources
Delphi Russian Knowledge Base
DRKB - это самая большая и удобная в использовании база знаний по Дельфи в рунете, составленная Виталием Невзоровым

Графические компоненты

01.01.2007

Основы графических компонент

Все графические компоненты Rave создаются с помощью графических компонент.

для использования графических компонент, выберите нужный компонент в панели графических компонент  и затем поместите его страницу или в другой контейнер. Это позволяет создавать объект на странице или в компоненте контейнере. После того как компонент создан, его можно изменять в нужном направлении, с помощью маркеров на рамке образа. Также можно изменять цвет и стиль, используйте панели заполнения (где применимо), линий и выбора цвета. Для получения большей информации об этих панелях смотрит главу «Панели утилит».

Панель свойств, каждого из графических компонент почти идентична. Свойство Name единственная вещь, которая отличается от одной панели к другой.

Компонент Line, можно использовать для рисования линии в любом направлении. Наклонные линии могут использоваться для рисования линий между повернутыми строками текста. Они также используются как диагональные линии в квадрате, давая эффект на них.

Линия также можно установить стили; но Вы должны, при выборе стиля, позаботиться о наилучшем выборе ширины для них. Стили линий часто игнорируются, если ширина линии больше чем это. (Примечание переводчика: ну так написано в тексте J)

Компонент HLine, можно использовать для рисования горизонтальных линий. Одно из основных применений горизонтальных линий, это использование в компоненте DataBand (Примечание переводчика: аналог секций секционных генераторов отчетов) и установки позиции в самом низу строки Band. Это также используется для установки длины компоненты Band. При печати секции Band, линия создаю эффект печати на разлинованной бумаге.

Компонент VLine, можно использовать для рисования вертикальных линий. Одно из основных применений горизонтальных линий, это использование в компоненте DataBand и установки между полями данных, которые будут печататься.  Высота линии устанавливается равной высоте компоненты Band. При печати секции Band создается эффект печати в колонках.

Компонент Rectangle может использоваться для рисования прямоугольников. Одно из основных применений использование в DataBand качестве ограничивающих рамок секции. Это также нужно переместить перемещается назад, что бы другие компоненты в это области печатались поверх прямоугольника. При печати отчета это создает эффект прекрасного блока вокруг строки печатаемых данных.

Компонент Square можно использоваться для рисования квадратов. Одно из основных применений A этого компонента для печати квадратиков для отметки. Отмеченные и неотмеченные квадратики создаются с помощью компонента Square и компонента Line или просто печати символа "X" в квадрате. Удобно для иллюстрации выбранных значений.

Компонент Ellipse можно использовать для рисования эллипсов и овалов. Если Вы хотите изменить форму эллипса, просто щелкните на нем левой кнопкой мыши. Затем переместите мышь на один из маркеров. Снова нажмите на нем левую кнопку мыши и, удерживая ее, перемещайте ее пока эллипс не примет должный вид и размер. Вы можете изменить размер эллипса и в панели свойств. Просто введите новые значения для ширины и высоты.

Компонент Circle можно использовать для рисования кругов должного радиуса. Если Вы хотите изменить размер круга, просто щелкните на нем левой кнопкой мыши. Затем переместите мышь на один из маркеров. Снова нажмите на нем левую кнопку мыши и, удерживая ее, перемещайте ее пока круг не примет должный размер. Вы можете изменить размер эллипса и в панели свойств. Просто введите новые значения для ширины и высоты.

Пиксели или пункты

Для каждого графического компонента в панели свойств есть два свойства, которые оперируют с шириной линии. Свойство LineWidth это цифровое значение для ширины линии, которое зависит от свойства LineWidthType. Свойство LineWidthType действительный позволяет пользователю указать тип значения, которое используется при установке значений линий. Доступные типы пункты или пиксели.

При создании графических объектов, очень важно определить в каком формате аудитория будет видеть отчет. Это особенно важно, при определении, что использовать для ширины пункты или пиксели.

Пункты это единицы печати, а не единицы экранного пространства. Пункты, также наиболее используемые единицы измерения для разработки на бумаге. Это измеряется в единицах бумажного носителя. Иногда, пункты имею значение и для экрана и для Веб. Платформы и различные разрешения, иногда 14pt могут означать многие вещи. Что это точно не означает, так это единицы размера экрана. Пиксели с другой стороны, это конкретные единицы. Пиксель всегда равен пикселю.

Предпочтения пункты или пиксели зависит от того, что разработчик желает пользователю. Что бы позволить пользователю менять размер текста,  идентично изменению в Интернет браузеры, то пункты. Если же дизайн зависит от точного размера текста или же размер текста должен быть одинаковым на разных платформах, то пиксели.

Для печати максимально тонкой строки, используйте Line Width в 1 пиксель. Толщина линии в пунктах, будет одинакова на принтерах с различным разрешением.

Упражнение 21: создание графических компонент

1.        Сначала создайте новую страницу. Используйте New Report Page из меню File, или используйте иконку на панели проекта.        

2.        Теперь, перейдите в панель графических компонент. Бросьте их области закладки, что бы могли работать с ними.        

3.        Выберите квадрат, заметим что, при этом кнопка будет  нажатой и изменит свой цвет. Переведите курсор на страницу, держите левую кнопку мыши нажатой, пока перемещаете мышь до получения должно образа квадрата.                

4.        Затем, выберите эллипс. Переведите курсор на страницу, держите левую кнопку мыши нажатой, пока перемещаете мышь до получения должно образа. Контур эллипса выглядит как прямоугольник, но как только вы отпустите кнопку мыши, эллипс появится на странице.                

5.        Затем, выберите иконку горизонтальной линии и нарисуйте ее на странице. Сделайте несколько разных линий. Сделайте их различной длины.                

6.        Обратим внимание на одну вещь, пока левая кнопка мыши не отпущена, рисуется ограничивающий прямоугольник. Когда кнопка мыши будет отпущена, то  появятся маркеры и фигура.        

Упражнение 22: выравнивание

1.        Сначала создайте новую страницу. Используйте New Report Page из меню File, или используйте иконку на панели проекта.        

2.        Из панели графики, выберите горизонтальную линию и поместите ее на страницу. Появится линия с размером по умолчанию. Щелчок на кнопке и щелчок на странице, это все что мы вызываем для бросания объекта на страницу.        

3.        Выберите горизонтальную линию.                

4.        Перейдите в панель свойств и измените значение по умолчанию на 2,5 в свойстве Width.        

5.        Бросьте как минимум 10 дополнительных горизонтальных линий, примерно на дюйм ниже первой линии.                

6.        Бросьте еще одну дополнительную горизонтальную линию, примерно на три дюйма ниже первой группы линий.        

7.        Выберите верхнею горизонтальную линию. Появятся зеленые маркеры по концам линии.        

8.        Теперь, когда первая линия выбрана, удерживайте клавишу Shift и выберите остальные линии. Это добавит все остальные горизонтальные линии к выбору. Для выбора оставшихся линий еще быстрее, пока первая линия выбрана, и другие дополнительные линии также выбраны, удерживайте нажатой клавишу Shift, затем щелкните на странице и обведите рамкой оставшиеся линии.                

9.        В панели выравнивания, выберите кнопку Equate Widths. Это позволит сделать все линии одинаковой длины, как первая выбранная линия.                

10.        В панели выравнивания, выберите кнопку Align Left Edges. Это выровняет все линии по левому края. Первой выбранной линии.                

11.        Затем, в панели выравнивания, нажмите кнопку Space Equally Vertically. Это установит одинаковое расстояние между всеми линиями. Для получения более подробной информацию, смотрите главу «Панели утилит».