使用CEF(CEFGLUE)作为您的客户端UI(一)

时间:2021-03-20 09:18:28

背景:

  本人是一名C#开发者,而作为C#开发者,做客户端应用中最头痛的一件事就是没有一个好的UI解决方案。WinFrom嘛,效率虽然还不错,但是做一些特殊的效果,完全应付不来,比如透明控件。比FPS太低有时候界面闪动得厉害。而WPF呢,内用内存又太高,效率是硬伤,而且还可能会出现内存泄露!

出于以上的原因,博主一直在寻找一个好的UI解决方案,最终选定CEF。(至于CEF是什么我就不解释了,可以百度!),在C#中CEF的一个开源项目,名称叫做CEFGLUE。(官网)。

CEF分为CEF1和CEF3.CEF1是单进程的,性能差一些,但是开发相对于CEF3要简单得多。但是为了得到更好的UI效果比如HTML5和CSS3运行得更好,博主选择CEF3.

正题:

    第一篇作为入门,就先把CEF配置并正确运行起来。

1.下载Cefglue框架。点我进入官网

使用CEF(CEFGLUE)作为您的客户端UI(一)

点击Source Code,然后进入另一个页面,点击Download

使用CEF(CEFGLUE)作为您的客户端UI(一)

然后再跳到另一个页面,找到最新的版本,点击ZIP下载

使用CEF(CEFGLUE)作为您的客户端UI(一)

2.下载好了CEFGLUE,接下来就要下载CEF了,在下载CEF之前,我们需要知道该版本的CEFGLUE支持哪个版本的CEF。

我们可以在Commet,提交的信息中看到作者更新到了哪一个版本。

使用CEF(CEFGLUE)作为您的客户端UI(一)

使用CEF(CEFGLUE)作为您的客户端UI(一)

博主目前的是1750.1644,现在可以去下载CEF内核了。点我进入官网下载

找到大分支为1750,小分支为1644的CEF,并且是32位的版本

使用CEF(CEFGLUE)作为您的客户端UI(一)

点击More Versions就可以看到更多版本

使用CEF(CEFGLUE)作为您的客户端UI(一)

3.把CEFGLUE项目源码解压出来,并用VS打开

打开后,发现有10个项目,有一部分并不是必须的,为了更简单明了,卸载(也可以直接移除)掉一些不必要的项目,只留下如下图的三个,并把WinForms设为启动项目。

使用CEF(CEFGLUE)作为您的客户端UI(一)

然后把项目全部改为X86的方式编译,然后.NET版本改为4.0,然后如果CEFGLUE中的项目属性--调试下面的启用Visualstudio承载进程的勾如果是勾上的,请去掉。

然后把项目运行方式从Debug 改为Release.(好像用DEBUG的话直接运行会一直白屏)

然后把下载好的CEF内核解压,把Release下面的东西全部复制到Winforms项目的bin/release低下。

使用CEF(CEFGLUE)作为您的客户端UI(一)

然后,DEMO就正常运行起来了。。。如下图,是一个浏览器。为了把它变成UI,下节我们再开始改造它。

使用CEF(CEFGLUE)作为您的客户端UI(一)