bubble chat window possible ?

[tjeeterm]

I want to make chatting windows such as following URL's bubble chat form.
Can I implement it by TRichView ? Any sample program of bubble chat?
If possible , can you give me a hint to me ?

http://www.rwe-uk.com/static/ichat_with ... bbles.html
( Style 5 button click !!)

[Sergey Tkachenko]

Style 5, as I can see, is simply text next to image. It can be implemented using tables.

As for bubbles, you can use custom drawing (TRVStyle.OnDrawParaBack)

[tjeeterm]

Do you send me the demo sample of bubble chat ui ? [email protected] is my email .

[Sergey Tkachenko]

Do you need an example of implementation of "Style 5" from that page?

[tjeeterm]

yes ! style 5 is right. But more exact sample is above image. Namely it is follows

1. anker or arrow image is needed at bubble message's end.
2. time stamp is needed at below of bubble message.
3. Emoticon image can be inserted.
4. URL is detected and if mouse click, then browse is opened.
5. bubble message width is controlled according to window size's changing.
6. Vertical scrollbar is needed
7. Unread count number is needed at above of bubble message.



8. window's minimum width is settable and bubble message 's minimum width is settable.


The above condition satisfing sample is provided with your TRichview component ?

If possible or partly possible , please send me the sample by email . [email protected] is my email.

Thank you.

[Sergey Tkachenko]

I need some time to make an example.

[tjeeterm]

Thank you very much... I will purchase this if that's possible right now...

[tjeeterm]

7. Unread count number is needed at above of bubble message. ---> this unread count is normally 1 in one-to-one chat room.

But in multiuser chat room, the unread count is greater more than 1 namely 5 , 4, 3, 2, 1, 0 ( 0 is not displayed, so hide unread count).
Because the unread count changes 5 to 4,3,2,1 in 6 user chat room, the unread count can be changable by program code and if the count is zero,
the count can be unvisible by program code.

I add the following

9. In bubble chat window, the opposite profile rounded image and name field is needed in opposite bubble message as the above attached chat image.
But in my bubble message, my rounded profile image and name field is not needed so do not displayed.

Thank you.

[tjeeterm]

My delphi version is delphi 7. So if possible , the example support the delphi 7. Please..

[tjeeterm]

[Mouse left click & hold and drag selecting ]



sorry I add a following neccessary function.

10. Select and Copy the bubble messages : As the above images show, mouse drag selection and right button copy popup menu is needed.
Selected bubble messages is rouned by shadowed box. And when right mouse click , copy popup menu is showed.
the popup menu itme have only one of copy menu.

The copy's message of the above image example is as follows :

-----------------[ Copy and Paste Contents from bubble chat windows ]--------------
2017년 6월 30일 금요일
[김성연] [오전 11:51] https://youtu.be/zRS_w8quQCM
[김성연] [오전 11:53] 저의 1인 미디어 처녀작임다! 보구 유튜브에 '좋아요' 눌러주시구, 실랄한 피드벡 부탁드르겠습니당~ (꾸벅)
[김나영] [오후 7:41] 좋은데요! 특히 경쾌한 사운드랑 마지막 로고 마무리가 좋아요~ 개인적으로 영상제작 어렵던데..저도 올릴만한 수준이 되야할텐데..화이팅이요~
[지용화] [오후 7:52] 효과 좋아요. .(최고)
[윤문희(설악자연농원 하늘빛)] [오후 8:20] 좋으네요~^^
[허태석] [오후 8:28] (이모티콘)좋습니다.수고하셨네요
---------------------------------------------------------------------------------------