DuiLib实现聊天界面

已于 2022-02-14 18:21:14 修改
阅读量1k 收藏
点赞数 1
分类专栏： DuilIb C++ 文章标签： c++ 界面设计
于 2022-01-25 11:31:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012983289/article/details/122681650
版权
C++ 同时被 2 个专栏收录
29 篇文章 1 订阅
订阅专栏
DuilIb
3 篇文章 2 订阅
订阅专栏

心得：其他都是比较简单，较为的一个难点是对排版的文字界面主要是对文字的右排版；

1、整个聊天框是一个List控件

2、右排版的实现逻辑是通过字体和字号来计算出RichEdit控件的所需宽高

3、再通过计算出的RichEdit宽高，进而对它的容器控件宽高进行修改设置

源码是VS2013 C++，界面库是原生的DuiLib，希望能对喜欢研究DuiLib的朋友们提供一点帮助

源码下载地址：(2条消息) 原生DuiLib实现聊天界面-C++文档类资源-CSDN文库

UI界面效果图

简单前行
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
duilib例子，包含了：气泡、gif动图、菜单、消息响应、光滑圆形贴图
07-19
自己写的duilib，win32工程，模仿微信PC端，很多贴图像素不高，主要为演示使用，整体效果不错。使用vs2010直接打开即可编译运行，无附加目录及库需求。
Duilib实现聊天窗口中发送和接收语音消息、图片、表情和文件
yuer_xiao的博客
06-30 825
Duilib实现聊天窗口中发送和接收语音消息、图片、表情和文件1.需要的源文件及dll2.实现的效果图片 1.需要的源文件及dll 资源链接. 2.实现的效果图片
DUILIB 实现微信气泡聊天效果
weixin_30700099的博客
10-14 630
最近由于项目原因，需要做一个产品内嵌的IM聊天系统。而且要象微信类似的效果；界面也要比较炫； 开始考虑用MFC，但MFC的控件自绘很麻烦，后来又考虑QT，倒是使用控件使用方便，但QT库太大，所以也放弃了。 最终选择了DUILIB ，原因是各种控制自绘方便，发布版本体积小。 说到聊天，大家可能首先想到发图片，文字等等，所以也想想用richedit控件，看了看DUILIB也实现了RICHEDIT...
MFC richedit,可进行插入图片、表情，有聊天气泡，与QQ非常类似
10-26
MFC richedit,可进行插入图片、表情，有聊天气泡，与QQ非常类似
duilib界面开发例子功能包含：气泡、gif动图、菜单、消息响应、光滑圆形贴图等
zhujian1333的博客
07-19 623
duilib界面开发例子功能包含：气泡、gif动图、菜单、消息响应、光滑圆形贴图等 以前一直用mfc开发界面，实在有点麻烦，最近在由于工作需要，界面要求较高，所以学习了duilib(因为可以兼容以前的MFC代码）。 这是学习后开发的用于练手的例子，包含了基本功能，也借鉴了官方例子的内容，但较官方例子要简洁不少 例子模仿微信PC端，很多贴图像素不高，主要为演示使用，整体效果不错，功能包含：气泡、gi...
Duilib应用之标签页（TabLayout）的使用
weixin_34218890的博客
10-25 3089
Duilib自带的例子360SafeDemo中有TabLayout的使用方法，本文参照360SafeDemo范例，梳理TabLayout的基本使用方法，方便理解掌握。1、定义一组Option作为标签页的标签<Optionname="Option01"float="false"text="Tab01"width="60"height="30"textcolor...
原生DuiLib实现聊天界面
02-14
《原生DuiLib实现聊天界面》 在IT领域，构建用户界面是任何应用程序的核心部分，尤其是对于聊天应用，一个直观且高效的界面至关重要。本文将深入探讨如何利用原生DuiLib库来创建一个聊天界面，同时适用于Windows XP...
DUILIB实现的仿QQ聊天对话窗口
05-10
这个实例"仿QQ聊天对话窗口"将展示如何利用Duilib库来构建一个类似QQ聊天的对话界面。在这个项目中，我们将深入理解Duilib的核心概念、组件以及如何通过源码实现一个功能齐全的聊天窗口。 首先，Duilib是基于...
Duilib最新界面库（完整带demo）
08-30
QQDemo则可能涉及到聊天窗口、联系人列表、消息提示等功能的实现。Duilib提供了一套完整的消息处理机制，支持事件监听和响应，使得开发者能够轻松实现用户的交互操作。 ListDemo通常用于展示列表视图的使用，包括...
Duilib中 ListItem布局切换效果实现
04-09
Duilib是一款基于Windows平台的GUI库，主要用于快速开发桌面应用程序，尤其在聊天、游戏等界面设计上有着广泛的应用。在Duilib中，ListView组件是一种常见的控件，它用于展示列表形式的数据，类似于QQ的好友列表。这...
duilib对话框
02-27
一个基于duilib的对话框，主要用到了树和tab页面。。。。。。。。。。。。。
仿微信 QQ聊天界面 气泡效果
08-21
"仿微信QQ聊天界面气泡效果"这一主题，主要探讨的是如何在自己的应用程序中实现类似这两款应用中的对话气泡样式，让用户在使用时有熟悉和舒适的体验。 【描述】：“仿微信界面的那种聊天，对方的显示在一边，自己的...
DuiLib实现仿微信聊天界面
xmcy001122的专栏
04-21 2704
DuiLib实现聊天界面 特别说明，这里是基于 网易的修改版DuiLib 演示，非原生，请特别注意！下文中为了和DuiLib有所区别，称其为NimDuiLib。 界面分析 利用好 蓝湖 和 Sketch 工具，可以大大提高我们的开发效率，Sketch是Mac下面的一款界面设计工具，而蓝湖是一个网站，可以把Sketch设计好的作品进行切图和标注，再也不用通过截图工具算PX了。 这里以（作者参考Telegram和其他聊天产品使用Sketch设计的）下图为例： 我们可以看到，整个界面主要分成2块： 左侧会话
DuiLib实现仿微信聊天界面（二）——解决RichEdit自适应高度问题
xmcy001122的专栏
04-27 1758
前言 在上一篇文章中： DuiLib实现仿微信聊天界面 我们实现了仿微信的布局和简单的聊天列表： 但是，因为网易开源 NimDuiLib 的版本落后于其提供的Demo，同样的写法在开源DuiLib中就会出现问题，比如RichEdit在同时设置width、height为auto时，会断错误。所以需要我们自己进行修复。 至于为何要设置RichEdit的width和height属性为auto？因为文本的宽度和高度都是动态的，根据文本的内容需要自行计算。 网易DuiLib中控件如何计算宽高？ 我们从网易Dui
duilib combo增加搜索栏_微信对话框上线搜一搜，搜索一步到位！
weixin_42303365的博客
01-13 181
关注【玩机小公举】星标公众号最新技巧，第一时间送达前两天微信内测了新功能，据透露，今天将会在对话框全量上线搜一搜功能。注意这不是【发现页】-【搜一搜】而是在聊天对话框，直接增加了快速搜索的入口。在微信对话框中长按消息文本，弹出的导航栏最后增加了【搜一搜】，不过仅支持文本，图片、链接不支持。经测试，安卓和iOS都已经同步上线，大家可以自己试试。新功能有什么用？1.查快递之前别人给你发一串...
让DuiLib支持Icon图片显示
田群的专栏
01-09 2426
DuiLib都支持Bitmap图片，但就不能icon图标，实际上用到Icon的地方还蛮多的，后来自己先办法看能不能写个专门的控件的来显示icon图片（以前看过一篇文章《修改stb_image.c以让Duilib直接支持Ico格式的图标显示》http://www.cnblogs.com/memset/p/dui_with_ico.html，但试过了好像显示有问题，联系作者他也说这中方法有bug，所以
VC++中在对话框中动态显示图片
Guix
08-13 7702
<br />VC中要是想动态显示个图片是很麻烦的，可不是设置个文件路径就简单完事的。<br />网上的资料很多，但是都是出于同一个地方，学习来的看不懂的还是看不懂。而且有些地方存在问题。所以我想把这个教程稍微完善下，不方便公开自己写的代码了。<br />我们要完成的是，在一个对话框中建立一个图片显示的范围，当我们点击下一张按钮时，这个区域会按照预定设好的顺序显示某个文件夹下的图片。<br />新建MFC应用程序，对话框模式。<br />1，在预定区域动态载入图片：核心思想是通过CBitmap,HBITMAP
DuiLib改底层支持Icon图片显示
EveyX的专栏
07-29 2336
之前的那边文章通过
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

简单前行

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值