使用CEF作为用户界面

 学会这个,就可以用本地文件实现一个纯粹基于HTML,javascipt和CSS(Bootstrap)的用户界面,并用它来操作系统

 

一、在项目新建文件夹:html-resources。然后将Bootstrap文件目录结构及内容拷贝进去。并将这些文件的属性Copy to output Directory值设置为Copy Always.

 二、要显示和操作的index.html界面里。增加button按钮用javascript执行。(cefCustomObject是待会儿下文操作类的实例)

 <button class="btn btn-info" onclick="cefCustomObject.showDevTools();">Open Chrome Dev Tools</button>
  <button class="btn btn-primary" onclick="cefCustomObject.opencmd();">Open cmd.exe</button>

  三、新建操作类(用户目标类)(点击按钮所进行的操作。)比如opencmd方法:打开cmd进程

四、在构造函数里(1--4跟使用cef作为浏览器一样):

1、cefsetting实例化settings

2、用Cef去初始化settings

3、实例化ChromiumWebBrower对象(本地位置的index.html文件)

4、把此对象加载到控件里,设为Fill

5、浏览器组建对象注册JS事件。绑定实例化刚才的操作类。

6、一些浏览器属性BrowerSettings设置。赋值给浏览器该属性。

 

 

 

 

 

 

 

git源码地址:

https://gitee.com/HuLuMiaoMiao/SecondCefSharp

参考(有改动便于理解、部分地方有误):

https://ourcodeworld.com/articles/read/173/how-to-use-cefsharp-chromium-embedded-framework-csharp-in-a-winforms-application

posted @ 2018-03-15 18:38  呼噜喵喵  阅读(823)  评论(0编辑  收藏  举报