主頁 > .NET開發 > .Net/.Net Core 的界面框架 NanUI 發布新版本啦!

.Net/.Net Core 的界面框架 NanUI 發布新版本啦!

2020-11-02 19:08:58 .NET開發

發布前感悟

NanUI 自從上一次更新 NanUI 0.7 已經過去大半年,B站和頭條的教學視頻也只制作到了第二集,

有朋友悄悄問我是不是發生什么事故我刪庫跑路了所以那么長時間不更新專案不發布教程,當然,這只是玩笑而已,

實際情況是 NanUI 0.7 基于 ChormiumFX 專案進行開發,剛剛發布 0.7 之后我就發現了框架自生存在有重大 BUG 而且是我沒有能力處理的那種,

本想聯系作者深入探討下這個 BUG,誰知道 ChromiumFX 的專案似乎突然中止了,截至目前位置專案首頁任然是走失狀態,

因此我不得不考慮放棄 ChromiumFX 換一種內核,在甄選了 CefSharp 和 CefGlue 之后,還是覺得使用更接近 CEF 原生的 CefGlue 作為底層重置 NanUI 專案,并提升版本號到 0.8,這也是第一次在大專案版本幾乎沒有小版本更新的情況下直接升級大版本,

新版本的 NanUI 開發了大半年,踩了 CefGlue 各種坑,期間我太太還突發了非常不幸于的疾病,后來我也非常幸體驗了人生第一次住院經歷,還好,老天留下了我倆的狗命,估計將來還另做他用吧??,所以也希望各位及家人身體健康,經歷了這次浩劫,突然覺得人只要能好好的,健健康康活著就行,其他的都不重要,

廢話就這么多吧,下面進入正題,

NanUI 簡介

NanUI 界面組件是一個開放源代碼的 .NET / .NET Core 表單應用程式(WinForms)界面組件,她適用于希望使用 HTML5/CSS3 等前端技術來構建 Windows 表單應用程式用戶界面的 .NET/.NET Core 開發人員,

NanUI 的渲染引擎 WinFormium 基于谷歌可嵌入的瀏覽器框架 Chromium Embedded Framework,因此用戶可以使用各種前端技術 HTML5/CSS3/JavaScript 和框架 React/Vue/Angular/Blazor 設計和開發.NET 桌面應用程式的用戶界面,

同時,WinFormium 特有的 JavaScript Bridge 可以方便簡潔地實作瀏覽器端與 .NET 之間的通信和資料交換,

使用 NanUI 界面框架將為傳統的 WinForm 應用程式的用戶界面設計和開發作業帶來無限種可能!

如果您想了解更多關于 NanUI 專案的資訊,請移步NanUI 專案主頁,

preview

0.8 新增內容

內核替換

內核從 ChromiumFX 替換為 CefGlue,Chromim 的版本提升到了80.0.3987.163

承載表單

重寫承載表單底層洗掉了沒必要的 API 僅保留和框架有關的功能,并且拓展了無邊框表單的能力,新增了兩種陰影效果以及一種邊框效果,

表單型別

原生樣式

系統原生表單樣式與傳統的 WinForm 應用程式界面一致,擁有系統樣式的標題欄、邊框和系統命令區域,類似在傳統的 Form 控制元件上拖入 WebBrowser 控制元件并設定 Dock 屬性為 Fill 時的樣子一致,

無邊框表單

在無邊框表單樣式中系統原生的標題欄和邊框被隱藏,可以使用整個表單區域來繪制您的應用程式界面,

Kiosk 模式

Kiosk 樣式的表單普遍用于需要全屏展示表單內容的場景,例如:工控上位機界面、查詢機界面、資料大螢屏等,

異形視窗

使用 Layered 樣式允許創建異形、半透明表單,類似各種大師、各種管家提供的加速球那種效果,

亞克力特效表單

亞克力特效是 Windows 10 創意者更新版之后提供的新功能,它允許表單的透明或半透明區域與桌面元素進行模糊混合,實作特殊的磨砂亞克力效果,與 Layered 樣式相同,根據網頁中透明或者半透明區域的設定,將實作特定效果的磨砂玻璃效果,

表單特效

陰影效果

關閉

關閉

泛光

泛光

陰影

投影

邊框效果

無邊框

普通邊框

圓角邊框

以上示例均已提交至 GitHub 代碼倉庫,請異步https://github.com/XuanchenLin/NanUI-0.8-Examples獲取各個示例的原始碼,

離屏渲染支持

引入了 Direct2D 技術,CEF 的離屏渲染得以實作,由此添加了兩種新的承載表單樣式:異形樣式表單亞克力特效表單

資源處理器

新增了一種資源處理器,能夠從 ZIP 檔案里加載資源,

其他

  • 對一些 API 的寫法進行了優化,
  • 優化了自定義資源控制器的抽象類,使用更簡單了,
  • 優化了 JavaScript 擴展的抽象類,同上,麻麻在也不用擔心我不會注冊 .NET 物件到 JavaScript 的代碼了,

使用 NanUI 0.8 創建一個應用程式

參考 NanUI 包

使用 Visual Studio 的NuGet包管理器或者程式包管理器控制臺來獲取 NanUI 的程式集,根據專案的型別(.NET Framework 或者 .NET Core)將自動安裝合適的程式集,

PM> Install-Package NetDimension.NanUI

安裝 NanUI 運行環境包,這個包主要包含了與CEF框架有關的檔案,根據您專案架構(AnyCPU/x86/x64)的具體情況,此 NuGet 包將在編譯時拷貝與架構對應的運行時檔案到專案的輸出目錄中,

PM>  Install-Package NetDimension.NanUI.Runtime

如果您在國內 NuGet 訪問較慢無法下載NetDimension.NanUI.Runtime包時,請您加QQ群521854872在群檔案中下載NuGet 離線包 ,

編碼部分

在主表單加載前初始化 NanUI 運行環境,

using NetDimension.NanUI;

class Program
{
  static void Main()
  {
    // ...
    WinFormium.CreateRuntimeBuilder(env => {

      env.CustomCefSettings(settings =>
      {
        // 在此處設定 CEF 的相關引數
      });

      env.CustomCefCommandLineArguments(commandLine =>
      {
        // 在此處指定 CEF 命令列引數
      });

    }, app =>
    {
        // 指定啟動表單
        app.UseMainWindow(context => new MainWindow());
    })
    .Build()
    .Run();
  }
}

撰寫表單代碼

using NetDimension.NanUI;
using NetDimension.NanUI.HostWindow;

class MainWindow : Formium
{
  // 設定表單樣式型別
  public override HostWindowType WindowType => HostWindowType.System;
  // 指定啟動 Url
  public override string StartUrl => "https://www.formium.net";

  public MainWindow()
  {
    // 在此處設定視窗樣式
    Size = new System.Drawing.Size(1024, 768);
  }

  protected override void OnReady()
  {
    // 在此處進行瀏覽器相關操作

    //ShowDevTools();
    //ExecuteJavaScript("alert('Hello NanUI')");
  }
}

沒有復雜的步驟!只需簡單操作 NanUI 專案就可以順利運行,

專案相關

倉庫

以上涵蓋了本次更新的大概內容,如果想了解更多資訊,請移步 NanUI 專案倉庫首頁,

  • https://github.com/NetDimension/NanUI
  • https://gitee.com/linxuanchen/NanUI/

目前 NanUI 0.8 版原始碼暫時沒有放出,等黑測一段時間收集反饋修改后會提交至上面兩個倉庫,

檔案

NanUI 提供了大部分功能的檔案,使用這些檔案將有助于輕松快速的開始使用 NanUI 進行開發,

  • NanUI 0.8 檔案 @ GitHub
  • NanUI 0.8 檔案 @ Gitee

目前 NanUI 檔案正在逐步完善,如果有朋友愿意幫助翻譯不同語言的檔案,請與我取得聯系或者直接提交其他語言檔案的 Pull Request 即可,感激不敬!

開源協議

NanUI 專案基于 LGPL-3.0 開源協議開放專案源代碼,本專案著作權由專案發起人、開發者林選臣所有

依照 LGPL-3.0 協議規定:

  1. 您可以在任何商業軟體中參考 NanUI 的二進制庫而無需支付任何與著作權相關的費用;
  2. 如果您的專案使用并修改了 NanUI 的源代碼,那么您的專案也需要使用 LGPL 協議進行開源,并且在您的衍生專案中保留 NanUI 的著作權資訊:Powered by NanUI
  3. 如果您需要在非開源的應用程式中使用 NanUI 的源代碼,為了保障您的合法權益,請考慮向專案作者購買商業授權,

關于 LGPL-3.0 協議的具體內容請參考此協議詳細副本,此外,NanUI 專案基于諸多開源專案進行構建,相關的專案請查閱第三方授權協議,

打賞和贊助

NanUI 專案基于 LGPL-3.0 協議的開源專案并且它是完全免費的,盡管如此,如果沒有適當的資金支持,專案維護和新功能的開發是無法持續下去的,所以如果你喜歡這個專案并認可我的作業,你可以支付我一杯咖啡的錢請我喝一杯咖啡,或者你也可以成為長期的專案資助人以幫助 NanUI 變得更好,

使用微信或者支付寶掃描下方二維碼來進行資金方面的捐助,

轉載請註明出處,本文鏈接:https://www.uj5u.com/net/199879.html

標籤:WinForm

上一篇:.Net/.Net Core 的界面框架 NanUI 發布新版本啦!

下一篇:關閉IIS 站點

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • WebAPI簡介

    Web體系結構: 有三個核心:資源(resource),URL(統一資源識別符號)和表示 他們的關系是這樣的:一個資源由一個URL進行標識,HTTP客戶端使用URL定位資源,表示是從資源回傳資料,媒體型別是資源回傳的資料格式。 接下來我們說下HTTP. HTTP協議的系統是一種無狀態的方式,使用請求/ ......

    uj5u.com 2020-09-09 22:07:47 more
  • asp.net core 3.1 入口:Program.cs中的Main函式

    本文分析Program.cs 中Main()函式中代碼的運行順序分析asp.net core程式的啟動,重點不是剖析原始碼,而是理清程式開始時執行的順序。到呼叫了哪些實體,哪些法方。asp.net core 3.1 的程式入口在專案Program.cs檔案里,如下。ususing System; us ......

    uj5u.com 2020-09-09 22:07:49 more
  • asp.net網站作為websocket服務端的應用該如何寫

    最近被websocket的一個問題困擾了很久,有一個需求是在web網站中搭建websocket服務。客戶端通過網頁與服務器建立連接,然后服務器根據ip給客戶端網頁發送資訊。 其實,這個需求并不難,只是剛開始對websocket的內容不太了解。上網搜索了一下,有通過asp.net core 實作的、有 ......

    uj5u.com 2020-09-09 22:08:02 more
  • ASP.NET 開源匯入匯出庫Magicodes.IE Docker中使用

    Magicodes.IE在Docker中使用 更新歷史 2019.02.13 【Nuget】版本更新到2.0.2 【匯入】修復單列匯入的Bug,單元測驗“OneColumnImporter_Test”。問題見(https://github.com/dotnetcore/Magicodes.IE/is ......

    uj5u.com 2020-09-09 22:08:05 more
  • 在webform中使用ajax

    如果你用過Asp.net webform, 說明你也算是.NET 開發的老兵了。WEBform應該是2011 2013左右,當時還用visual studio 2005、 visual studio 2008。后來基本都用的是MVC。 如果是新開發的專案,估計沒人會用webform技術。但是有些舊版 ......

    uj5u.com 2020-09-09 22:08:50 more
  • iis添加asp.net網站,訪問提示:由于擴展配置問題而無法提供您請求的

    今天在iis服務器配置asp.net網站,遇到一個問題,記錄一下: 問題:由于擴展配置問題而無法提供您請求的頁面。如果該頁面是腳本,請添加處理程式。如果應下載檔案,請添加 MIME 映射。 WindowServer2012服務器,添加角色安裝完.netframework和iis之后,運行aspx頁面 ......

    uj5u.com 2020-09-09 22:10:00 more
  • WebAPI-處理架構

    帶著問題去思考,大家好! 問題1:HTTP請求和回傳相應的HTTP回應資訊之間發生了什么? 1:首先是最底層,托管層,位于WebAPI和底層HTTP堆疊之間 2:其次是 訊息處理程式管道層,這里比如日志和快取。OWIN的參考是將訊息處理程式管道的一些功能下移到堆疊下端的OWIN中間件了。 3:控制器處理 ......

    uj5u.com 2020-09-09 22:11:13 more
  • 微信門戶開發框架-使用指導說明書

    微信門戶應用管理系統,采用基于 MVC + Bootstrap + Ajax + Enterprise Library的技術路線,界面層采用Boostrap + Metronic組合的前端框架,資料訪問層支持Oracle、SQLServer、MySQL、PostgreSQL等資料庫。框架以MVC5,... ......

    uj5u.com 2020-09-09 22:15:18 more
  • WebAPI-HTTP編程模型

    帶著問題去思考,大家好!它是什么?它包含什么?它能干什么? 訊息 HTTP編程模型的核心就是訊息抽象,表示為:HttPRequestMessage,HttpResponseMessage.用于客戶端和服務端之間交換請求和回應訊息。 HttpMethod類包含了一組靜態屬性: private stat ......

    uj5u.com 2020-09-09 22:15:23 more
  • 部署WebApi隨筆

    一、跨域 NuGet參考Microsoft.AspNet.WebApi.Cors WebApiConfig.cs中配置: // Web API 配置和服務 config.EnableCors(new EnableCorsAttribute("*", "*", "*")); 二、清除默認回傳XML格式 ......

    uj5u.com 2020-09-09 22:15:48 more
最新发布
  • C#多執行緒學習(二) 如何操縱一個執行緒

    <a href="https://www.cnblogs.com/x-zhi/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/2943582/20220801082530.png" alt="" /></...

    uj5u.com 2023-04-19 09:17:20 more
  • C#多執行緒學習(二) 如何操縱一個執行緒

    C#多執行緒學習(二) 如何操縱一個執行緒 執行緒學習第一篇:C#多執行緒學習(一) 多執行緒的相關概念 下面我們就動手來創建一個執行緒,使用Thread類創建執行緒時,只需提供執行緒入口即可。(執行緒入口使程式知道該讓這個執行緒干什么事) 在C#中,執行緒入口是通過ThreadStart代理(delegate)來提供的 ......

    uj5u.com 2023-04-19 09:16:49 more
  • 記一次 .NET某醫療器械清洗系統 卡死分析

    <a href="https://www.cnblogs.com/huangxincheng/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/214741/20200614104537.png" alt="" /&g...

    uj5u.com 2023-04-18 08:39:04 more
  • 記一次 .NET某醫療器械清洗系統 卡死分析

    一:背景 1. 講故事 前段時間協助訓練營里的一位朋友分析了一個程式卡死的問題,回過頭來看這個案例比較經典,這篇稍微整理一下供后來者少踩坑吧。 二:WinDbg 分析 1. 為什么會卡死 因為是表單程式,理所當然就是看主執行緒此時正在做什么? 可以用 ~0s ; k 看一下便知。 0:000> k # ......

    uj5u.com 2023-04-18 08:33:10 more
  • SignalR, No Connection with that ID,IIS

    <a href="https://www.cnblogs.com/smartstar/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/u36196.jpg" alt="" /></a>...

    uj5u.com 2023-03-30 17:21:52 more
  • 一次對pool的誤用導致的.net頻繁gc的診斷分析

    <a href="https://www.cnblogs.com/dotnet-diagnostic/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/3115652/20230225090434.png" alt=""...

    uj5u.com 2023-03-28 10:15:33 more
  • 一次對pool的誤用導致的.net頻繁gc的診斷分析

    <a href="https://www.cnblogs.com/dotnet-diagnostic/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/3115652/20230225090434.png" alt=""...

    uj5u.com 2023-03-28 10:13:31 more
  • C#遍歷指定檔案夾中所有檔案的3種方法

    <a href="https://www.cnblogs.com/xbhp/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/957602/20230310105611.png" alt="" /></a&...

    uj5u.com 2023-03-27 14:46:55 more
  • C#/VB.NET:如何將PDF轉為PDF/A

    <a href="https://www.cnblogs.com/Carina-baby/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/2859233/20220427162558.png" alt="" />...

    uj5u.com 2023-03-27 14:46:35 more
  • 武裝你的WEBAPI-OData聚合查詢

    <a href="https://www.cnblogs.com/podolski/" target="_blank"><img width="48" height="48" class="pfs" src="https://pic.cnblogs.com/face/616093/20140323000327.png" alt="" /><...

    uj5u.com 2023-03-27 14:46:16 more