Duilib

Qter

NSIS与Duilib结合制作自定义安装包界面的相关介绍
NSIS与Duilib结合制作自定义安装包界面的相关介绍

1. Duilib简介

Duilib界面库基于viksoe的DirectUI项目[2]  ，并且以BSD协议开源。

国内首个开源的directui项目。

轻量、体积小、易入门、资料齐全、易扩展。

腾讯、华为、百度、联想、酷狗、墨迹天气、唯思等等大公司均在使用。

目前较为活跃的维护的版本

1). 官方版本：

https://github.com/duilib/duilib

2). RedRain版本：

https://github.com/redrains/DuiLib_Redrain

3). Duilib_Ultimate:

https://github.com/qdtroy/DuiLib_Ultimate

2. NSIS与InnoSetup简介

1). 均开源

2). 均支持插件化开发，NSIS占优，插件多，脚本控制更全面

3. NSIS插件开发简介

http://my.oschina.net/cardinallxx/blog/693157?p={{currentPage-1}}

4. Duilib属性列表，UI配置

采用xml布局，其中语法类似于html中的标签的属性设置。

file:///C:\Users\Administrator\AppData\Local\Temp\ksohtml\wpsFE97.tmp.jpg

5. 实例演示

采用NSIS多字节版本 + Duilib来实现。

重点：

1) UI界面配置

2) UI与脚本的交互（回调函数绑定及控件信息获取）

3) 进度条控制（采用7z的解压进度实现）

4) 应用到UI控件、process插件、7z插件等

6. 当前其他专业从事安装包界面制作的相关信息

1). restools

http://restools.hanzify.org/article.asp?id=112

2). nsSkinEngine

   http://www.aceui.cn/

   专业化运营，做的比较专业，支持多字符版本与Unicode版本的NSIS。

3). nsNiuniuSkin

   http://ggniu.cn/articles/nsniuniuskin.html

Qter

https://www.cnblogs.com/Alberl/category/520438.html

随笔分类 -  2013 duilib入门简明教程

1

2013 duilib入门简明教程 -- 总结 (20)摘要：duilib的入门系列就到尾声了，再次提醒下，Alberl用的duilib版本是SVN上第387个版本，时间是2013.08.15~这里给出Alberl最后汇总的一个工程，戳我下载，效果如图：2013 duilib入门教程汇总：2013 duilib入门简明教程 -- 前言(1)2013 duilib入门简明教程 -- VS环境配置(2)2013 duilib入门简明教程 -- 第一个程序 Hello World(3)2013 duilib入门简明教程 -- 响应按钮事件(4)2013 duilib入门简明教程 -- 自绘标题栏(5)2013 duilib入门简明教程 -- XML配置界面(6 阅读全文

posted @ 2013-10-06 18:55 Alberl 阅读(62810) 评论(35) 推荐(18) 编辑

2013 duilib入门简明教程 -- FAQ (19)摘要：虽然前面的教程几乎把所有的知识点都罗列了，但是有很多问题经常在群里出现，所以这里再次整理一下。需要注意的是，在下面的问题中，除了加上XML属性外，主窗口必须继承自WindowImplBase，才能够有效果，因为这个类帮我们处理了非常多的常用操作，如果想自己处理，请参见WindowImplBase的代码。1、怎么设置标题栏区域？只需在XML的Window节点加上caption="0,0,0,32"即可，其中32是指从窗口顶部开始，往下32个像素的区域，都设置成标题栏，这样就可以点击标题栏拖动窗口，或者双击最大化了。 不过可以发现有些Demo的标题栏文字区域不能拖动，比如360 阅读全文

posted @ 2013-10-06 17:16 Alberl 阅读(15679) 评论(5) 推荐(0) 编辑

2013 duilib入门简明教程 -- 其他 (18)摘要：一、超链接按钮代码很简单，参见360Demo： 这里只需要加上showhtml="true"，然后在text属性里写类html代码就可以了，不过duilib只支持小部分html代码，具体的格式请参见Demo以及源码~二、支持html由于html非常方便，所以duilib也提供了部分支持，上面的超链接按钮就是使用html来表示，在360Demo里面有大量的html支持，详情请参阅Demo，效果如图：三、改变字体前面介绍了Default属性，属于全局属性，而字体也是全局属性，也是定义到一级子节点。 序号从0开始，上述顺序中，第0个字体就是name为【20号字体】的字体，所以如果 阅读全文

posted @ 2013-10-06 16:45 Alberl 阅读(17716) 评论(9) 推荐(0) 编辑

2013 duilib入门简明教程 -- 事件处理和消息响应 (17)摘要：界面的显示方面就都讲完啦，下面来介绍下控件的响应。前面的教程只讲了按钮和Tab的响应，即在Notify函数里处理。其实duilib还提供了另外一种响应的方法，即消息映射DUI_BEGIN_MESSAGE_MAP，可以将DUI_MSGTYPE_CLICK消息映射到指定的函数（比如OnClick），这和在Notify判断msg.sType是一样的效果，具体请参见duilib的RichListDemo。 先看看下面几段代码：DUI_BEGIN_MESSAGE_MAP(CPage1, CNotifyPump) DUI_ON_MSGTYPE(DUI_MSGTYPE_CLICK,OnClick) ... 阅读全文

posted @ 2013-10-05 21:46 Alberl 阅读(28037) 评论(1) 推荐(1) 编辑

2013 duilib入门简明教程 -- 结合win32和MFC (16)摘要：虽然duilib自带在MFC中使用duilib的Demo，但只是MFC窗口和duilib窗口不重叠的情况。如果要在MFC窗口中嵌入duilib控件，或者在duilib控件中嵌入MFC的控件的话，就没有Demo可以看了，其实Alberl开始也不知道怎么办，看了下ActiveXUI控件，这个就是结合HWND的，但是由于接触duilib不久，所以一时无法看懂ActiveXUI到底是怎么将win32的HWND画上去的，只好在群里问啦，多谢铅笔群的Troy大神指导：当时解决完之后上传了代码，不过还是有网友看不懂，于是昨晚要求Alberl先写duilib结合MFC的教程，当然啦，这个教程本来就在Alber 阅读全文

posted @ 2013-10-05 18:39 Alberl 阅读(34411) 评论(17) 推荐(1) 编辑

2013 duilib入门简明教程 -- 自绘控件 (15)摘要：在【2013 duilib入门简明教程 -- 复杂控件介绍 (13)】中虽然介绍了界面设计器上的所有控件，但是还有一些控件并没有被放到界面设计器上，还有一些常用控件duilib并没有提供(比如菜单控件)。虽然duilib没有提供这些控件，但是自己绘制起来也是非常方便的，不过duilib的自绘可比MFC方便得不止一点点了，其实duilib的自绘大都不用自己绘制，就是一些控件和图片的组合而已，相当简单方便~~~一、菜单控件其实菜单控件的外观和ListBox非常像，所以我们可以用教程13的ListBox控件模拟，也可以自行用其他的组合，由于duilib自带的Demo里有两个Menu，而且样式还很不错 阅读全文

posted @ 2013-10-05 15:31 Alberl 阅读(36268) 评论(10) 推荐(2) 编辑

2013 duilib入门简明教程 -- 部分bug 2 (14)摘要：上一个教程中提到了ActiveX的Bug，即如果主窗口直接用变量生成，则关闭窗口时会产生崩溃如果用new的方式生成，则不会崩溃，所以给出一个临时的快速解决方案，即主窗口都用new生成，_tWinMain改为下面这样：int APIENTRY _tWinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPTSTR lpCmdLine, int nCmdShow){ CPaintManagerUI::SetInstance(hInstance); HRESULT Hr = ::CoInitialize(NULL); if( F... 阅读全文

posted @ 2013-10-05 09:29 Alberl 阅读(18836) 评论(5) 推荐(1) 编辑

2013 duilib入门简明教程 -- 复杂控件介绍 (13)摘要：首先将本节要介绍的控件全部拖到界面上，并调整好位置，如图： 然后将Name属性改成其他名字，不能是【控件名+UI+数字】这种，因为这是DuiDesigner默认的名字，它不会实际写入到XML，所以如果控件的名字被取成ActiveXUI1、ActiveXUI2、ButtonUI1这种格式的话，Name属性会被忽略，可以看到XML是没有Name属性的：所以我们必须给它们指定其他的名字，这里格式统一为【控件名+Demo+数字】，如图： XML如下（删除了暂时没用到的属性，删除了标题栏区域，要关闭窗口请按Esc或者在任务栏右键关闭）： ... 阅读全文

posted @ 2013-09-29 01:41 Alberl 阅读(50003) 评论(22) 推荐(3) 编辑

2013 duilib入门简明教程 -- 简单控件介绍 (12)摘要：前面的教程应该让大家对duilib的整体有所映像了，下面就来介绍下duilib具体控件的使用。由于官方没有提供默认的控件样式，所以我就尽量使用win7或者XP自带的按钮样式了，虽然界面比较土鳖，但是想要换成百度杀毒那样的界面，只需要更换图片即可，如果有哪位小伙伴能够提供一些控件样式，那就再好不过啦~首先利用一下前面教程的框架，效果图如下：main.cpp的代码如下：class CDuiFrameWnd : public WindowImplBase{public: virtual LPCTSTR GetWindowClassName() const { return _T(... 阅读全文

posted @ 2013-09-28 23:42 Alberl 阅读(30095) 评论(7) 推荐(2) 编辑

2013 duilib入门简明教程 -- 部分bug (11)摘要：一、WindowImplBase的bug在第8个教程【2013 duilib入门简明教程 -- 完整的自绘标题栏(8)】中，可以发现窗口最大化之后有两个问题，1、最大化按钮的样式还是没变，正确的样式应该是这样的2、再次点击最大化按钮，不能还原到正常大小。这个是WindowImplBase的bug，已经提交给官方有一段时间了，但是貌似没有被合并到SVN上去，所以这里说明一下，我们需要在WindowImplBase的OnSysCommand函数里，在if( ::IsZoomed(*this) != bZoomed )里面加上下面这段代码： if( ::IsZoomed(*this) != b... 阅读全文

posted @ 2013-09-28 22:56 Alberl 阅读(23945) 评论(20) 推荐(3) 编辑

2013 duilib入门简明教程 -- 界面设计器 DuiDesigner (10)摘要：上一个教程讲解了怎么布局最大化、最小化、关闭按钮，但是如果手动去计算这三个按钮的位置和大小的话，非常的不直观，也很不方便。所以这一章准备介绍duilib的UI设计器，由于这个设计器很不完善，也有很多bug，有时候会导致XML数据丢失，所以很多大神都不建议用，不过我每次写代码都会用SVN，而且会原子提交，所以即使丢失也可以恢复。不过这不代表我赞同一直使用这个UI设计器，我建议大家布局的时候用设计器，布局完毕之后手写XML。这样按钮的大小和位置都很直观，很方便的可以确定，就用不着手动去计算了，当然，如果是美工给的界面，就没必要用设计器了，因为他们会把位置和大小都给过来。1、打开设计器：在duili 阅读全文

posted @ 2013-09-28 00:46 Alberl 阅读(42358) 评论(19) 推荐(2) 编辑

2013 duilib入门简明教程 -- 界面布局(9)摘要：上一个教程实现的标题栏代码中，并没有看到处理自适应窗口大小的代码，但是窗口大小变化后，按钮的位置会跟着变化，这是因为我们将按钮放到了HorizontalLayout、VerticalLayout，这样duilib就会帮我们自动布局按钮的位置和大小，顾名思义，HorizontalLayout就是水平布局，VerticalLayout就是垂直布局。最开始的教程里面，窗口大小变化时，Hello World按钮会沾满整个窗口，并且文字始终居中，这就是HorizontalLayout的效果： 那么HorizontalLayout和VerticalLa... 阅读全文

posted @ 2013-09-28 00:06 Alberl 阅读(37180) 评论(8) 推荐(1) 编辑

2013 duilib入门简明教程 -- 完整的自绘标题栏(8)摘要：看了前面那么多教程，相信对duilib已有基本映像了，我们就快马加鞭，做出一个完整的自绘标题栏吧~看到下面这个效果图，小伙伴们是不是有点惊呆了呢~O(∩_∩)O~duilib实现以上效果非常简单， 1、将按钮图片的文件夹放到exe目录，点此下载 2、main.cpp的代码无需改动，只需改动XML，XML内容如下（受网页宽度限制，以下XML格式有点乱，请复制到本地的XML编辑器上，以方便查看）： ... 阅读全文

posted @ 2013-09-27 23:19 Alberl 阅读(39919) 评论(29) 推荐(3) 编辑

2013 duilib入门简明教程 -- XML基础类(7)摘要：现在大家应该对XML描述界面不那么陌生了，那么我们做进一步介绍。 前面的教程我们写了很多代码，为的是让大家了解下基本流程，其实duilib已经对常用的操作做了很好的包装，正式使用时无需像前面的教程那样写那么多代码，下面我们就来看看XML的包装类WindowImplBase： WindowImplBase类是一个duilib的基础框架类，封装了常用操作，以方便大家使用。 它是以XML作为界面描述的，所以用它的时候，我们必须将界面描述写到XML里。 下面将是我们第三次实现Hello World程序~O(∩_∩)O~class CDuiFrameWnd : public WindowImp... 阅读全文

posted @ 2013-09-27 23:04 Alberl 阅读(35341) 评论(35) 推荐(4) 编辑

2013 duilib入门简明教程 -- XML配置界面(6)摘要：前面那些教程都是为了让小伙伴们从win32、MFC过渡到duilib，让大家觉得duilib不是那么陌生，如果大家现在还对duilib非常陌生的话，那就说明前面的教程做得不好，请大家在下面留言，我会一一查看，并做出改进。从这个教程开始就是见证奇迹的时刻啦~\(^o^)/~其实duilib主打的界面制作方式是XML + UI引擎 + win32框架，其实和浏览器HTML + CSS + 渲染引擎的方式非常类似，可以将其理解为一个非常mini的浏览器。而用duilib写界面时，大部分是在写XML，类似于写HTML，这点可能会让习惯MFC等windows界面的伙伴们有点不习惯，需要克服克服，相信在看 阅读全文

posted @ 2013-09-27 22:18 Alberl 阅读(43854) 评论(12) 推荐(0) 编辑

2013 duilib入门简明教程 -- 自绘标题栏(5)摘要：如果大家有做过标题栏的自绘，肯定会感慨各种不容易，并且现有的一些资料虽然完美的实现了功能，但是代码比较乱，需要自行整理。如果用duilib，就是小case啦。duilib其实并没有区分标题栏和客户区，它的实现方法是屏蔽了系统自带的标题栏，用客户区来模拟标题栏，所以想怎么画就怎么画，非常方便。1、我们首先屏蔽一下系统自带的标题栏， 在HandleMessage函数里屏蔽以下三个消息即可 WM_NCACTIVATE、WM_NCCALCSIZE、WM_NCPAINT代码如下： virtual LRESULT HandleMessage(UINT uMsg, WPARAM wParam, LPA... 阅读全文

posted @ 2013-09-27 21:56 Alberl 阅读(36290) 评论(9) 推荐(0) 编辑

2013 duilib入门简明教程 -- 响应按钮事件(4)摘要：上一个Hello World的教程里有一句代码是这样的：CControlUI*pWnd=newCButtonUI;也就是说，其实那整块绿色背景区域都是按钮的区域。（这里简要介绍下，CControlUI 是duilib中所有控件的基类，而CButtonUI则是按钮类，更多的控件会在后面的教程一一介绍。）那么怎样响应按钮的点击消息呢?我们需要几个步骤：1、调用AddNotifier函数将消息加入duilib的消息循环2、给按钮设置一个唯一的控件ID（SetName函数）3、在Notify函数里处理按钮点击消息。代码如下：class CDuiFrameWnd : public CWindowWnd, 阅读全文

posted @ 2013-09-27 21:17 Alberl 阅读(42857) 评论(10) 推荐(2) 编辑

2013 duilib入门简明教程 -- 第一个程序 Hello World(3)摘要：小伙伴们有点迫不及待了么，来看一看Hello World吧：新建一个空的win32项目，新建一个main.cpp文件，将以下代码复制进去：#include #include int APIENTRY _tWinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPTSTR lpCmdLine, int nCmdShow){ ::MessageBox(NULL, _T("Hello World !"), NULL, NULL); return 0;}运行即可看到如下结果：咦，这不是win32程序么，你小子忽悠我？~O(∩_∩ 阅读全文

posted @ 2013-09-27 20:48 Alberl 阅读(57916) 评论(20) 推荐(3) 编辑

2013 duilib入门简明教程 -- VS环境配置(2)摘要：既然是入门教程，那当然得基础点，因为搜索duilib相关资料时，发现有些小伙伴到处都是编译错误，以及路径配置错误等等，还有人不知道SVN，然后一个个文件手动下载的。其实吧，duilib的定位好像是这样的： 有一定的界面基础，懂MFC、WTL、windows消息机制等等。不然的话，即使环境配置好了，看Demo也绕晕你~\(^o^)/~所以对于没有任何基础的童鞋，请先打好基础，不然学习duilib会走更多歪路，推荐以下资料：书籍：《windows程序设计》教程： 孙鑫视频（这个我只下载了，但没看过，不过评价不错）网站：国际知名网站（国外网站：现在比codeguru好很多了，虽然是英文，但是有图文描 阅读全文

posted @ 2013-09-27 00:58 Alberl 阅读(60624) 评论(32) 推荐(10) 编辑

2013 duilib入门简明教程 -- 前言(1)摘要：关于duilib的介绍就不多讲了，一来不熟，二来小伙伴们想必已经对比了多个界面库，也无需赘述。下面进入正题： 不看广告看疗效！ 已有众多知名公司采用duilib做为界面库，如华为网盘、PPS(PPS和华为之前都是用UIPower)、金山快盘（也没用自家的界面库）、酷我音乐、爱奇艺视频、百度杀毒、百度卫士、百度管家等一系列产品。而duilib自己提供的Demo有QQ、QQ旋风、360等等。下面是一部分截图：疗效就不用再多说了吧~O(∩_∩)O~这么好的东东，都开源三年多了，肿么一直没有个像样的文档和入门教程咧？ 那些知名公司的界面小伙伴们能马上用么？？？ 此处省略N字... 这就是Alberl写 阅读全文

posted @ 2013-09-26 23:27 Alberl 阅读(62257) 评论(12) 推荐(7) 编辑