【C#】Winform NanUI 0.77版本读取嵌入式资源

CrazyPanda发表于：2024-02-06 20:47:15浏览：370次TAG：

这三个组件都要引入了，NetDimension.NanUI.AssemblyResourceHandler 是属于嵌入式资源部分，

下载地址：

由于作者已经废弃了这个版本，在VS2019中的 NuGet 程序包中已经下载不了，我这里上传了，有需要的可以点击下面链接下载

另外，NanUI.AssemblyResourceHandler 源码github地址：GitHub - maxjove/NanUI-AssemblyResourceHandler: AssemblyResourceHandler for NanUI

有需要的可以下载下来进行编译，生成的dll，引入项目中就可以使用了。我打开后，发现里面没有项目的依赖项，所以会报错，这里，需要你手动解决这些问题了。

NanUI官方源码地址：https://gitee.com/xiaoxiongcn/NanUI 下载下来后，可以自行切换对应的版本号

对比NanUI0.88 和 NanUI0.77:

最新版NanUI0.88版本，依然有许多需要改进的地方，比如运行起来还比较卡，两个网页来回切换，程序内存不停的增加，而且不会释放，导致程序越来越卡。NanUI0.77版本官方标志着有严重bug，已经废弃，相对来说，NanUI0.77版本占用内存比较小，运行流程，但功能对比0.88版本要少很多，比如无法读取本地资源，清除cookie等。我也测试过，两个界面来回切换的问题，在0.77版本不会有内存不停的增加的情况。

官方对的0.77版本重大bug的解释：

关于内存不停增加的问题，主界面和页面1进行不停的切换，内存可以达到一个G以上，并且还可以不停的继续上涨，我初步怀疑是因为插件所用的工厂模式，不停的new一个类，而系统并没有释放内存，具体原因我没有验证。

=========================================

案例：

Program.cs

using NetDimension.NanUI;
using System;
using System.Windows.Forms;
 
namespace NanUI077Test
{
    static class Program
    {
        /// <summary>
        /// 应用程序的主入口点。
        /// </summary>
        [STAThread]
        static void Main()
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);
 
            Bootstrap
            .Initialize()
            //注册嵌入资源，并为指定资源指定一个假的域名www.app.local
            .UseAssembledResource(System.Reflection.Assembly.GetExecutingAssembly(), ResourceHandlerScheme.Http, "www.app.local", "View")
            .WithChromiumCommandLineArguments((procesName, cmd) =>
            {
                // 在此处处理CEF的命令行参数
            })
            .WithChromiumSettings(settings =>
            {
                // 在此处处理CEF的设置
            })
            .WhenLibCefNotFound(args =>
            {
                // 如果NanUI启动器没有检测到正确的CEF以及ChromiumFX运行环境，将执行此处理过程。
                MessageBox.Show("没有检测到Chromium Embedded运行环境，请确认libcef环境配置正确。", "libcef.dll is not found", MessageBoxButtons.OK, MessageBoxIcon.Error);
            })
            .Run(() =>
            {
                return new MainIndex();
            });
        }
    }
}

MainIndex.cs

using NetDimension.NanUI;
using NetDimension.NanUI.Browser;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
 
namespace NanUI077Test
{
    public class MainIndex : Formium
    {
        public override string StartUrl => "www.app.local/index.html";
        public override HostWindowType WindowType => HostWindowType.Standard;
        protected override Control LaunchScreen => null;
 
        public MainIndex()
        {
            ContainerForm.FormClosing += MyForm_FormClosing;            
        }
 
        //使用 OnRegisterGlobalObject 重载方法，您可以向浏览器的 Javascript 上下文注册各种.NET 对象和方法，
        //您可以把该重载方法的参数 global 看作浏览器的 window 对象。
        protected override void OnRegisterGlobalObject(JSObject global)
        {
            var myObject = global.AddObject("CSharpProject");
 
            var MyLoadUrl = myObject.AddFunction("LoadUrl");
            MyLoadUrl.Execute += (func, args) =>
            {
                var argsValue = args.Arguments.FirstOrDefault(p => p.IsString);
                string pageName = argsValue?.StringValue;
                if (!string.IsNullOrEmpty(pageName))
                {
                    string url = @"www.app.local/" + pageName;
                    LoadUrl(url);
                }
            };
        }
 
        //使用 OnWindowReady 重载方法，您可以 browserClient 参数来设置 Chromium 客户端的各个处理器，
        //以此来实现 Chromium 浏览器的各项行为，例如：如何处理新开窗口、如何处理下载请求、
        //如何通知应用程序网页标题的改变等等行为。
        protected override void OnWindowReady(IWebBrowserHandler browserClient)
        {
            //打开控制台
            WebBrowser.ShowDevTools();
            browserClient.LoadHandler.OnLoadEnd += LoadHandler_OnLoadEnd;
        }
 
        private void LoadHandler_OnLoadEnd(object sender, Chromium.Event.CfxOnLoadEndEventArgs e)
        {
            if (e.Frame.IsMain)
            {
                Console.WriteLine("[MainIndex]当窗体加载完成时");
            }
        }
 
        private void MyForm_FormClosing(object sender, FormClosingEventArgs e)
        {
            Console.WriteLine("[MainIndex]当窗体关闭时");
        }
 
        //如果您还想进一步定制您的窗口样式，请重载 OnStandardFormStyle 方法，
        //并使用 style 参数来设置窗口启动位置、大小、图标、边框样式等信息。
        protected override void OnStandardFormStyle(IStandardHostWindowStyle style)
        {
            base.OnStandardFormStyle(style);
 
            Title = "第一个NanUI应用";
            style.Width = 1280;
            style.Height = 720;
            style.Icon = System.Drawing.SystemIcons.WinLogo;
            style.StartPosition = FormStartPosition.CenterScreen;
        }
    }
}

下面是网页部分，这里将在NanUI里面实现两个界面的互相跳转，关于界面跳转，用JS自带的方法也是可以的，见下面JS中的注释代码，我用里主要演示JS调用C#代码。

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function onclick1() {
            //window.location.href = "win1.html";
            CSharpProject.LoadUrl("win1.html");
        }
        function onclick2(){
            
        }
    </script>
</head>
<body>
    <div>我的网页</div>
    <div>
        <button onclick="onclick1()">按钮1</button>
        <button onclick="onclick2()">按钮2</button>
    </div>
    <div>
        <input type="text" id="my_input" oninput="OnInout(event)" onpropertychange="OnPropChanged(event)">
    </div>
    <div>
        <input type="text" id="username" autoComplete='off'>
        <div id="result"></div>
    </div>
</body>
</html>

win1.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        function OnClick1() {
            //window.location.href = "index.html";
            //window.open("index.html")
            CSharpProject.LoadUrl("index.html");
        }
        function OnClick2(){
            
        }
    </script>
</head>
<body>
    <h1>页面1</h1>
    <h1>
        <button onclick="OnClick1()">返回主界面</button>
        <button onclick="OnClick2()">按钮2</button>
    </h1>
    <img src="img/test.jpg" alt="测试" />
</body>
</html>

项目：