亚洲必赢bwin696.com开源组件NanUI一周年 – 使用HTML/CSS/JS来构建.Net Winform应用程序界面

NanUI是什么

NanUI基于ChromiumFX项目展开开,它亦可吃您在您的Winform应用程序中运用HTML5/CSS3/Javascript等网页技术来呈现用户界面(类似Electron)。同时NanUI提供了原生窗口以及定制化的无标题栏无边框窗口,你能够下一切底网页技术来规划及表现你的应用程序界面。

亚洲必赢bwin696.com 1

开源办法

NanUI基为MIT协议,所以随便你用NanUI来开发商业型要开源、免费项目还以不吃外限制,只待以说道文件饱受确定之,在公的软件受到宣称使用了NanUI技术即可。

一系列文档

  • NanUI简介
  • 始发利用NanUI
  • 装进并利用内嵌式的HTML/CSS/JS资源
  • 运用网页来计划总体窗口
  • 怎么实现C#以及Javascript的交互通信
  • 怎处理NanUI中的下载过程 – DonwloadHandler的以(待更新。。。)
  • 如何处理NanUI中的弹窗过程 – LifeSpanHandler的使(待更新。。。)
  • 哪决定Javascript对话框 – JsDialogHandler的下(待更新。。。)
  • 从今定义资源处理程序 (待更新。。。)

源码和保

而可通过GitHub获取NanUI的源码以及示例代码,稳定版的NanUI包通过Nuget进行分发。NanUI支持.NET4.0/4.5/4.6/4.7暨创新版本的Windows窗体应用。

赢得源码

git clone https://github.com/NetDimension/NanUI.git

Nuget包管理器

好端端版(CEF 3.2987.1601.gf035232 / Chromium 57.0.2987.133

PM> Install-Package NetDimension.NanUI

WindowXP版本(CEF 3.2526.1366.g8617e7c / Chromium 47.0.2526.80

PM> Install-Package NetDimension.NanUI.XP

推介应用Nuget包管理器安装NanUI程序集将机关装相应之CEF依赖项,一键安装方便使用。

争编译源码和示范

编译当前版本的NanUI需要支持C#7.0语法的编译器,推荐的编译工具有且只出Visual
Studio 2017。

怎么下

初始化NanUI

namespace TestApplication
{
    using NetDimension.NanUI;
    static class Program
    {
        [STAThread]
        static void Main(string[] args)
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);

            //初始化CEF: 设置CEF的相关Path
            //如果要使用Nuget自动下载的fx文件夹结构,需要手动指定各个文件夹的路径

            var result = Bootstrap.Load(PlatformArch.Auto, System.IO.Path.Combine(Application.StartupPath, "fx"), System.IO.Path.Combine(Application.StartupPath, "fx\\Resources"), System.IO.Path.Combine(Application.StartupPath, "fx\\Resources\\locales"));

            if (result)
            {
                // Load embedded html/css resources in assembly.
                Bootstrap.RegisterAssemblyResources(System.Reflection.Assembly.GetExecutingAssembly());

                Application.Run(new Form1());

                Application.Exit();
            }

        }
    }
}

利用原生的窗口亚洲必赢bwin696.com样式来使NanUI

namespace TestApplication
{
    public partial class Form1 : Formium

    {

        public Form1()
            //Load embedded resource index.html and not set form to no border style by the second parameter.
            : base("http://res.app.local/index.html", false)
        {
            InitializeComponent();
        }
    }
}

采用无边框模式来采取NanUI

namespace TestApplication
{
    public partial class Form1 : Formium

    {

        public Form1()
            //Load embedded resource index.html and set form to no border style by igrone the second parameter or set it to true.
            : base("http://res.app.local/index.html")
        {
            InitializeComponent();
        }
    }
}

请注意:设若采用Visual Studio
2015要又小之版开发与调试NanUI应用程序,需要以列性质的调节选项卡着关闭“启用VS承载进程”选项,否则调试时以出现页面不加载白屏的图景。如图所示:

亚洲必赢bwin696.com 2

社群和协助

GitHub
https://github.com/NetDimension/NanUI/

交流群QQ群
521854872

赞助作者

如您嗜自之干活,并且期望NanUI持续的提高,请对NanUI项目展开资助为这来鼓励和支持自继续NanUI的支出工作。你可以下微信或者支付宝来围观下的老二维码进行资助。

亚洲必赢bwin696.com 3

相关文章