Свой компонент like MobOS

[velaskes]

whatsapp-1900453_960_720.png

Господа, подскажите в какую сторону копать, чтобы попробовать создать нечто подобное на Win/Lazarus?
Electron и иже с ним не предлагать Может уже существуют какие-то наработки?

[Ichthyander]

На картинке должна была быть иллюстрация, как я понимаю, а не указание на то, что втраивать картинку на сторонних ресурсах нельзя? )

[velaskes]

Починил

[Vadim]

velaskes
Это типа компоненты с загруглёнными углами?

[velaskes]

Это типа компоненты с загруглёнными углами?

а еще плавная прокрутка, "резиновое" поведение и все такое) Например компонент чата, как на скрине.
Как я понимаю, за основу надо брать TScrollBox, а внутри TShape'ы, внутри которых текст/картинка?
Правильно мыслю?)

[serbod]

Там по сути ничего сложного, есть два основных варианта:

1. Отрисовывать "пузыри", картинки и текст на холсте. Лучше это делать при помощи графической библиотеки, например AggPas или BGRABitmap, там есть сглаживание линий и шрифтов, всякие визуальные эффекты. Но перед отрисовкой нужно для каждого элемента просчитать координаты и размеры. В графических библиотеках для этого есть удобные средства - виртуальный холст с изменяемым viewport (видимая область), и где можно без тормозов рисовать сотни тысяч объектов не заморачиваясь с границами видимости, системой координат, скроллингом, масштабом и прочими вещами.

2. Создать свои визуальные компоненты (контролы), которые умеют себя отрисовывать по команде Paint(). В таком случае упрощается расчет положения элементов текста, можно использовать стандартные контейнеры контролов - TFlowPanel, TScrollBox. Вот пример исходников такого чата - https://github.com/serbod/talaria/blob/ ... tframe.pas

[velaskes]

serbod спасибо за наводку!

[Vadim]

А если попробовать BGRAControls?
https://github.com/bgrabitmap/bgracontrols

[zoltanleo]

Была же совсем недавно похожая тема
viewtopic.php?f=5&t=42525&hilit=TEdit#p148651

[Лекс Айрин]

zoltanleo, и не одна. Я сам подобную создавал. Отрисовка любого компонента имеющего канвас вообще элементарная процедура. Ну а резиновость создаётся с помощью привязок. Можно даже окно целиком нарисовать. Только вот придется делать фальшивый заголовок.