网易云信Duilib开发实践和Windows应用界面开发框架源码开源介绍

24次阅读

共计 2705 个字符,预计需要花费 7 分钟才能阅读完成。

序言

Duilib 介绍
Duilib 是 windows 平台下的一款轻量级 directUI 开源库(遵循 BSD 协议),完全免费,可用于商业软件开发,只需在软件包里附上协议文件即可。Duilib 可以简单方便地实现大多数界面需求,包括换肤、换色,透明等功能,支持多种图片格式,使用 XML 可以方便地定制窗口,能较好地做到 UI 和逻辑相分离,尽量减少在代码里创建 UI 控件。目前,Duilib 库已经渐趋稳定,目前在国内有较为广泛的使用,网络上也有很多的使用教程。

网易云信 Duilib 介绍
Duilib 是在研发易信 PC 版时被引入,历经六七年的研发过程,相对于原版 Duilib,网易云信 Duilib 修复了一些问题和不足,包括但不限于控件种类不丰富、不支持动画、不支持半透明异形窗体、对多线程支持不好等,目前,网易云信 Duilib 配合比较高效的引擎库 Base 解决多线程问题,可以做出功能更强更稳定的客户端界面。

网易云信 Duilib 特色
多国语言支持
通用样式支持
DPI 缩放支持
GIF 动画支持
CEF 控件支持(CEF 2623 支持 XP)
触控设备支持(Surface、Wacom)
抽象渲染接口(为其他渲染引擎提供支持)

源码使用
克隆项目到你的磁盘中
git clone https://github.com/netease-im…
进入 NIM_Duilib_Framework/samples 目录,使用 Visual Studio 2013 Update 5 以上版本 IDE 打开 samples.sln。

工程目录结构
bin 输出目录
docs 文档
libs 静态库
samples 示例 Demo 程序
third_party 第三方库
toolkits
─ base 基础类库
─ duilib 核心代码
─ shared 工具类库
─ ui_components 组件库

模块介绍
Bin:输出目录,各个示例程序输出目录,包含预设的皮肤和语言文件以及 CEF 依赖。
Docs:文档,duilib 接口的说明文档。
Libs:静态库,静态库编译后的输出目录,包含预设的一些 CEF 组件静态库。
Samples:示例 Demo 程序。
Third_party:第三方库,目前仅有 cef_control 有依赖。
Base:基础类库,提供了基本框架 Messageloops,闭包,基本函数库(file、network 等),基本类库(time,线程,定时器等),基本工具库(log,加解密)等。
Duilib:duilib 核心代码,依赖 base 但不依赖 shared。
Shared:工具共享库,对 base 库,第三方库做的简单的封装,如命令行解析、日志、路径处理,供其他模块使用。
ui_components:组件库,基于 duilib 封装的常用组件库如 msgbox、toast、cef_control 等。

控件介绍
容器
容器可作为容器控件的介质,包含常用的水平布局和垂直布局等容器。在一个程序界面开始设计前首先要考虑整个界面的布局,这就要用到容器。不同的容器有不同的布局样式,以下为支持的容器类型,可根据自己需要选择进行布局。
Box 自由布局容器
HBox 水平布局容器
VBox 垂直布局容器
TabBox 多标签布局容器
TileBox 格子布局容器
ScrollableBox 带有滚动条的布局容器
ChildBox 子布局容器
列表
此目录下包含一些列表容器,方便管理同类型的多份数据,以下列举了可用的列表容器。
Combo 下拉列表
ListBox 普通列表
TreeView 属性列表
VirtualListBox 虚拟列表
控件
控件包含了所有可用的独立控件,如按钮、文本、进度条等,提供用户输入或输出内容提供使用者查看。以下列举了所有可用的控件列表。
Window 用于容纳所有控件的窗口,这里暂时放到控件分类中
Control 所有控件的基类,包含了控件的基本属性和接口
Button 按钮控件
CheckBox 复选框
Option 单选框
Label 文本
Progress 进度条
Slider 滑动条
RichEdit 富文本
ScrollBar 滚动条
CefControl CEF 控件
盒子
盒子通常用于容纳一组不同的控件但由整个盒子统一响应用户触发的事件。不同于普通的容器或普通的控件,它们具有容器的基本布局功能,也具备控件的事件响应机制。
一般用于列表中显示一个子项,或者树形列表中显示一个节点,但这些子项和节点可能包含丰富的图标和文字描述并要求可以响应用户触发的事件。在这种场景下就会使用到这些盒子了,以下为支持的盒子模型:
ListContainerElement 常用于列表中显示一个子项
TreeNode 常用于树形列表中显示一个子节点
Other 一些其他的盒子模型
工具
DPI Manager DPI 管理
Muilt Language 多语言管理
Shadow 阴影管理
Window Base 窗口基础帮助类

应用开发框架介绍
线程模型和消息队列
线程模型参考 Chromium 基于异步通信的多线程模型。
一个线程请求另一个线程执行任务的时候,只需将任务封装成一个闭包投递到对方线程的任务队列即可,无需等待,减少卡顿。

相比于常见的基于锁的线程运行模式,减少了锁的开销,提高了线程的响应性。
这种基于异步通信的多线程模型,要求设计好各个子模块及其对应的数据结构,使得在协作时可以最大程度地进行异步通信。

引用
该文多为网易云信公开技术文档部分摘抄,如需详细阅读请进入以下传输门:
https://github.com/netease-im…
https://github.com/netease-im…
NIM Windows(PC)Demo 导读

感谢
Duilib 本身来自于开源社区,如今我们通过回馈开源社区,希望继续致力于与社区一起创建开发平台。我们的 Windows 应用界面开发框架已经准备好在 GitHub 上做出贡献:https://github.com/netease-im…。开源该技术提高了产品团队与开发者之间的透明度,有助于 Windows 开发的普及,并使开发者能够参与并对这些开源技术做出持续贡献。
最后,感谢曾经以及如今还在为网易云信 Duilib 贡献代码的小伙伴们,包括但不限于阳光,redrain,harrison 等等大佬们。

想要阅读更多技术干货、行业洞察,欢迎关注网易云信博客。
了解网易云信,来自网易核心架构的通信与视频云服务。

__
网易云信(NeteaseYunXin)是集网易 18 年 IM 以及音视频技术打造的 PaaS 服务产品,来自网易核心技术架构的通信与视频云服务,稳定易用且功能全面,致力于提供全球领先的技术能力和场景化解决方案。开发者通过集成客户端 SDK 和云端 OPEN API,即可快速实现包含 IM、音视频通话、直播、点播、互动白板、短信等功能。

正文完
 0