Рисунки в компонентах ТРВ-Редактор (TRichView) для Дельфи и Лазаруса (Delphi и Lazarus)
Показать или спрятать менюTRichView.ru

  Рисунки в ТРВ-Редакторе (TRichView)

Стандартные и дополнительные форматы графики версии VCL для Дельфи и LCL для Лазаруса

Документы ТРВ-Редактора (TRichView) могут содержать рисунки любого формата, поддерживаемого Дельфи, Си++Билдером и Лазарусом. Стандартные графические форматы включают:

  • битмапы (TBitmap),
  • 16-битные и 32-битные метафайлы (TMetafile)
  • значки (TIcon)
  • изображения Jpeg (TJPEGImage)
  • изображения Gif (TGifImage, для Дельфи 2007 и новее)
  • изображения Png (TPngImage, для Дельфи 2009 и новее; TPortableNetworkGraphic в Лазарусе)
  • изображения Tiff (TWicImage, для Дельфи 2010 и новее; TTiffImage в Лазарусе)
  • изображения Anymap (TPortableAnyMapGraphic, только в Лазарусе).
  • изображения Svg (TSkSvgGraphic, со СкиаДляДельфи (Skia4Delphi)).
  • изображения WebP (TSkGraphic, со СкиаДляДельфи (Skia4Delphi)).

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

Пример рисунка в документе

Рисунки в версии для ФайрМанки (FireMonkey)

ТРВ-Редактор (TRichView) для ФайрМанки (FireMonkey) использует TBitmap, который умеет работать с графикой различных форматов. При использовании СкиаДляДельфи (Skia4Delphi) добавляется поддержка изображений SVG.

Изменение размеров рисунков

Пользователь может растягивать и сжимать рисунки мышью. При этом меняется только их отображение — сами рисунки в документе остаются неизменными.

Изменение размеров рисунка мышью

Анимация (VCL)

Возможна вставка следующих видов анимированных изображений:

  • анимированные рисунки Gif;
  • анимированные битмапы (один большой битмап делится на кадры).

Фоновые рисунки

Документ может иметь фоновый рисунок. Его отображение гибко настраивается. Настройки включают в себя положение рисунка по вертикали и горизонтали, повторение его по вертикали и горизонтали, параметры его пропорционального или непропорционального масштабирования.

Таблицы и их ячейки также могут иметь картинку на фоне с такими же настройками.

'Аватары' в чате представлены картинками из списка изображений (TImageList). Кроме того, вы можете видеть фоновый рисунок

Рисунки из списков картинок (image lists)

Это — уникальная особенность ТРВ-Редактора (TRichView).
Рисунки вставляются непосредственно из компонента, содержащего список картинок. Это очень экономный по расходу памяти способ создать документы со множеством повторяющихся маленьких картинок (компонент-редактор хранит в памяти только ссылку на компонент с картинками и номер картинки в нём).

Демо 1 с рисунками из списка: Demos\​*\​MultiDemo\

Демо 2 (пункт меню Insert | Bullet (Вставить | Значок) и Insert | Hot Spot (Вставить | Гипертекстовый значок): Demos\​*\​Editors\​Editor 1\

«Учебное пособие» по типам элементов ТРВ-Редактора (TRichView) (пособие 1, проект 5): Demos\​*\​Tutorial\

Рисунки во вставленных компонентах

Ещё один способ вставки изображения — загрузить его в компонент (такой как TImage), а затем вставить этот компонент в документ.
Таким образом вставляются даже анимированные изображения.

Самостоятельное рисование

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

Рисование текста и фона абзацев

Демо: Demos\​*\​Assorted\​CustomDraw\

Рисунки и гипертекст

Рисунки могут служить гиперссылками. Если для гипертекстовых рисунков из компонента-списка рисунков (image list) задать два разных изображения, то они меняются под курсором мыши.

Рисунки меняются под мышиным курсором

Демо: Demos\​*\​MultiDemo\
Скомпилированный пример включён в демонстрационные проекты ТРВ-Редактора (TRichView)

Специальные эффекты

На рисунке справа изображён специальный дополнительный тип элемента документа ТРВ-Редактора (TRichView) — объект TRVBlendBitmapInfo, показывающий рисунки с заданной степенью прозрачности.

Пример: Demos\​Addins\​BlendBitmap\
Скомпилированный пример включён в демонстрационные проекты ТРВ-Редактора (TRichView)

Полупрозрачные картинки

Положение в тексте

Рисунки (как и другие нетекстовые объекты) могут находиться внутри текстовой строки, выравненные по центру, верху, низу строки, или по базовой линии текста; или они могут быть выравнены по левому или правому краю документа, с обтеканием текста по противоположной стороне.