nim_duilib：界面库的示例程序预览

最新推荐文章于 2024-07-17 17:51:46 发布
最新推荐文章于 2024-07-17 17:51:46 发布
阅读量298 收藏 3
点赞数 3
文章标签： windows c++ 用户界面 ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51545131/article/details/138312742
版权
本文介绍了nim_duilib库的示例程序，包括基本窗口、CEF控件、拾色器、常用控件样式、布局、ListBox和ListCtrl等，展示了其丰富的功能组件和使用方法。
摘要由CSDN通过智能技术生成

延续上一篇文章nim_duilib: 一款Windows平台的C++界面库简介，这里将基于nim_duilib开发的示例程序做个预览，以便于了解界面库中各种功能组件的实际开发效果。

nim_duilib的示例程序预览

在获取nim_duilib 的源码以后，在examples 目录中包含了一些示例程序，可以参考这些示例程序来完善自己的应用程序。这些示例程序的执行效果列举如下：

1. examples/basic

一个基础的窗口示例程序，带有最小化、最大化、还原和关闭按钮。
在这里插入图片描述

2. examples/cef

演示如何在 nim_duilib 中使用 CEF 控件，包含 C++ 与 JavaScript 交互。
在这里插入图片描述

3. examples/ColorPicker

演示如何使用拾色

最低0.47元/天 解锁文章
rhett. li
关注
duilib例子
01-03
duilib例子，包函常用的几个控件例子
duilib DirectUI库里面的一个简单的例子RichListDemo
孤独的糖三角
08-16 9072
duilib DirectUI库里面的一个简单的例子RichListDemo
NIM Duilib 的 XML 配置与资源管理策略
最新发布
吃面不喝汤的博客
07-17 511
软件开发中，尤其是在用户界面（UI）框架的应用上，资源管理的效率和有效性显得尤为重要。NIM Duilib，作为一个广泛使用的 UI 框架，利用 XML 文件来定义和管理 UI 元素及其样式。本篇博客将探讨 NIM Duilib 如何组织其 XML 配置，并详细解释跨不同 XML 文件（如global.xml和basic.xml）的资源引用机制。
最新版Duilib演示例子
08-25
最新版Duilib演示例子,请配合最新代码使用，代码获取方法根据界面提示进行
Duilib学习（示例代码）
09-16
此工程项目是本人在学习使用Duilib库时，学习开发了一个类似酷狗音乐项目。对应学习开发骗博客地址：http://blog.csdn.net/u013709254/article/details/77551755
Duilib入门手把手教案例
03-11
Duilib入门手把手教案例，包含了UI设计器的使用，当然是入门的，全部通过编译，现在免费分享！因为整个的项目代码和UI设计器比较大，包含了dll文件，所以上传到百度网盘中，供大家分享！
nim-duilib 图形页面环境搭建
10-20
nim_duilib库通常可以通过Nim的包管理器`nimble`来获取。在命令行中输入以下命令： ``` nimble install nim_duilib ``` 这将自动下载并安装nim_duilib及其依赖项。 **3. 设置项目目录** 创建一个新的项目目录，...
NIM_PC_Demo：云信Windows（PC）CC ++演示源码仓库
02-03
网易云信PC IM演示是基于制作的即时通讯示例程序，UI库使用制作 sdk版本更新 demo版本更新 预览 开始 克隆项目到你的磁盘中 git clone https://github.com/netease-im/NIM_PC_Demo.git 克隆完成后进入NIM_PC_Demo/...
NIM_Duilib_Framework_fng版.7z
04-03
至于压缩包内的"NIM_Duilib_Framework"文件，这很可能是框架的主目录，包含了库的头文件、库文件、示例代码、文档和其他必要的资源。开发者在使用时，需要将这些文件集成到自己的项目中，然后引用相关的头文件，链接...
网易云信 NIM_duilib 源码分析
shunzi5201314a的专栏
05-10 2105
网易duilib
Duilib学习(示例代码2)
09-19
此工程项目是本人在学习使用Duilib库时，学习开发了一个类似酷狗音乐项目。对应学习开发骗博客地址：http://blog.csdn.net/u013709254/article/details/78007528
VC中使用Duilib的十几个例子
11-27
VC中使用Duilib的十几个例子(包含MFC),本人亲测可用,我也是从这里面开始的,在项目中已经广泛使用了,如果不属实可差评。
NIM_Duilib_Framework:网易云信Windows应用界面开发框架（基于Duilib）。招人招人，windowsmacduilibqtelectron http
04-28
NIM Duilib NIM Duilib 包含了一整套桌面软件的开发部件，与其说这是一个界面库，不如说它是一个开发框架。从原有 Duilib 基础上拓展了一些新的能力，并整合了 Google base 基础类库（线程、内存、闭包等）。您完全可以直接使用这个框架来开发任何你想要的桌面应用。 特色 多国语言支持 通用样式支持 DPI 缩放支持 GIF 动画支持 CEF 控件支持（CEF 2623 支持 XP） 触控设备支持（Surface、Wacom） 抽象渲染接口（为其他渲染引擎提供支持） 预览 开始 克隆项目到你的磁盘中 git clone https://github.com/netease-im/NIM_Duilib_Framework 进入 NIM_Duilib_Framework/examples 目录，使用 Visual Studio 2013 Update 5 以上版本 ID
DuiLib_CheckBox
08-08
让DuiLib CheckBox支持全选、全不选、非全选三种状态
12DUILib经典教程(实例)
dkopg24406的专栏
08-28 625
Duilib经典实例教程；1基本框架；一个简单的Duilib程序一般是下面这个样子的：；//Duilib使用设置部分；#pragmaonce；#defineWIN32_LEAN_AND_ME；#define_CRT_SECURE_NO_DE；#include<windows.h>；#include<objbase.h>；#include& D...
2021 Duilib最新入门教程（三）Duilib调用动态库示例
weixin_42194433的博客
01-22 984
目录原理步骤   先介绍下Duilib例子的相关原理，有个大概的认识，再列举具体的步骤。 原理   使用Duilib编写一个界面软件，本质上还是一个Win32的软件，只不过这个软件的界面不使用Windows自带的控件，而是交给Duilib绘制界面。   关于消息处理，底层还是处理Window消息，但Duilib会进一步转化成Duilib消息，方便编写响应的逻辑。      基本流程：     Win32的入口函数：_tWinMain     Duilib生成界面：CDialogBuilder     Dui
基于NIM_DUILIB_FRAMEWORK框架的网易云信demo:NIM_PC_DEMO
森明帮大于黑虎帮的博客
06-13 2441
网易云信 PC IM Demo 是基于制作的即时通讯示例程序，UI 库使用制作。
nim_duilib: 一款Windows平台的C++界面库简介
m0_51545131的博客
04-29 1927
nim_duilib 是一个界面库，包含了一整套桌面软件的开发部件，使用C++语言开发。nim_duilib是在NIM_Duilib_Framework库的基础上进行了代码功能完善和扩展，但由于代码结构和资源XML文件的格式均有调整，所以不能直接兼容基于NIM_Duilib_Framework开发的程序，但代码和资源XML迁移的难度不大。您可以直接使用nim_duilib界面库来开发常用的桌面应用，以简化应用程序的UI开发工作。
## store>action.js ```js const actions = { } export default actions ``` ## store>index.js ```js import Vue from 'vue' import Vuex from 'vuex' import state from './state.js' import mutations from './mutations.js' import actions from './actions.js' Vue.use(Vuex) const store = new Vuex.Store({ state: {...state}, mutations: {...mutations}, actions: {...actions} }) export default store ``` ## store>mutations.js ```js import NIM_SDK from '@yxim/nim-web-sdk/dist/SDK/NIM_Web_NIM_miniapp' import nim_config from '@/config/nim_config.js' import Vue from 'vue' const mutations = { initNim(state) { const NIM = NIM_SDK.getInstance({ ...nim_config, }); Vue.prototype.$nim = NIM; }, pushMsg(state, msg) { state.msg.push(msg); console.log(state.msg); }, updateSessions(state, sessions) { let _sessions = {}; for(let row of sessions) { _sessions[row.to] = row.lastMsg; } state.sessions = _sessions; // state.sessions = sessions; }, } export default mutations ``` ## store>state.js ```js const state = { is_login: false, token: '', refresh_token: '', user_info: {}, sessions: {}, // 会话列表 msg: [], // 消息内容 friends: [], //会话好友 } export default state ```这些代码里边怎么调用云信中的uodateSession接口
06-02
import NIM_SDK from '@yxim/nim-web-sdk/dist/SDK/NIM_Web_NIM_miniapp'; ``` 2. 在 `mutations.js` 文件中编写更新会话列表的代码，可以使用类似下面的方式调用 `updateSessions` 接口： ```js updateSessions...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值