DUILIB 实现微信气泡聊天效果

最近由于项目原因,需要做一个产品内嵌的IM聊天系统。而且要象微信类似的效果;界面也要比较炫;

开始考虑用MFC,但MFC的控件自绘很麻烦,后来又考虑QT,倒是使用控件使用方便,但QT库太大,所以也放弃了。

最终选择了DUILIB ,原因是各种控制自绘方便,发布版本体积小。

说到聊天,大家可能首先想到发图片,文字等等,所以也想想用richedit控件,看了看DUILIB也实现了RICHEDIT控件;

但气泡聊天效果其实不用RICHEDIT控件,用RICHEDIT控件反应会很麻烦。由于之前做过IOS气泡聊天,所以直接选择LIST控件,

每一个气泡实际就是LIST的ITEM。实现效果如下:

转载于:https://www.cnblogs.com/jackieron/p/5960861.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Duilib中,我们可以使用按钮控件(CButtonUI)来实现一个按住就变化的按钮。具体实现步骤如下: 1. 创建一个CButtonUI控件,并设置它的普通状态和按下状态的背景图片。 ```cpp <Control name="btnChange" class="ButtonUI" pos="100, 100, 100, 40" normalimage="btn_normal.png" hotimage="btn_hot.png" pushedimage="btn_pushed.png" /> ``` 2. 在按钮控件的事件处理函数中,监听鼠标按下和松开事件。 ```cpp class CMyWnd : public CWindowWnd, public INotifyUI { public: virtual void Notify(TNotifyUI& msg) { if (msg.sType == _T("click")) { if (msg.pSender->GetName() == _T("btnChange")) { // do something } } else if (msg.sType == _T("mouseenter")) { if (msg.pSender->GetName() == _T("btnChange")) { msg.pSender->SetBkImage(_T("btn_hot.png")); } } else if (msg.sType == _T("mouseleave")) { if (msg.pSender->GetName() == _T("btnChange")) { msg.pSender->SetBkImage(_T("btn_normal.png")); } } } }; ``` 3. 在鼠标进入按钮控件和离开按钮控件时,更改按钮控件的背景图片。 ```cpp else if (msg.sType == _T("mouseenter")) { if (msg.pSender->GetName() == _T("btnChange")) { msg.pSender->SetBkImage(_T("btn_hot.png")); } } else if (msg.sType == _T("mouseleave")) { if (msg.pSender->GetName() == _T("btnChange")) { msg.pSender->SetBkImage(_T("btn_normal.png")); } } ``` 完整代码示例: ```cpp #include <Windows.h> #include <stdio.h> #include "UIlib.h" using namespace DuiLib; class CMyWnd : public CWindowWnd, public INotifyUI { public: virtual LPCTSTR GetWindowClassName() const { return _T("DUIMainFrame"); } virtual CDuiString GetSkinFile() { return _T("test.xml"); } virtual CDuiString GetSkinFolder() { return _T(""); } virtual void Notify(TNotifyUI& msg) { if (msg.sType == _T("click")) { if (msg.pSender->GetName() == _T("btnChange")) { // do something } } else if (msg.sType == _T("mouseenter")) { if (msg.pSender->GetName() == _T("btnChange")) { msg.pSender->SetBkImage(_T("btn_hot.png")); } } else if (msg.sType == _T("mouseleave")) { if (msg.pSender->GetName() == _T("btnChange")) { msg.pSender->SetBkImage(_T("btn_normal.png")); } } } virtual LRESULT HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam) { LRESULT lRes = 0; BOOL bHandled = TRUE; if (uMsg == WM_CREATE) { m_PaintManager.Init(m_hWnd); CDialogBuilder builder; CControlUI* pRoot = builder.Create(_T("test.xml"), (UINT)0, NULL, &m_PaintManager); ASSERT(pRoot && "Failed to parse XML"); m_PaintManager.AttachDialog(pRoot); m_PaintManager.AddNotifier(this); return lRes; } else if (uMsg == WM_NCACTIVATE) { if (!::IsIconic(*this)) { return (wParam == 0) ? TRUE : FALSE; } } if (m_PaintManager.MessageHandler(uMsg, wParam, lParam, lRes)) bHandled = TRUE; if (!bHandled) return CWindowWnd::HandleMessage(uMsg, wParam, lParam); return lRes; } protected: CPaintManagerUI m_PaintManager; }; int APIENTRY WinMain(HINSTANCE hInstance, HINSTANCE /*hPrevInstance*/, LPSTR /*lpCmdLine*/, int nCmdShow) { HRESULT Hr = ::CoInitialize(NULL); if (FAILED(Hr)) return 0; CMyWnd* pFrame = new CMyWnd(); if (pFrame == NULL) return 0; pFrame->Create(NULL, _T("Duilib Test"), UI_WNDSTYLE_FRAME, WS_EX_WINDOWEDGE); pFrame->CenterWindow(); pFrame->ShowWindow(true); CPaintManagerUI::MessageLoop(); ::CoUninitialize(); return 0; } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值