介绍

NanUI 界面组件是一个开放源代码的 .NET / .NET Core 窗体应用程序（WinForms）界面框架。它适用于希望使用 HTML5/CSS3 等前端技术来构建 Windows 窗体应用程序用户界面的 .NET 开发人员。

入门

创建WinForm应用。

    static void Main(){WinFormium.CreateRuntimeBuilder(env =>{env.CustomCefSettings(settings =>{// 在此处设置 CEF 的相关参数});env.CustomCefCommandLineArguments(commandLine =>{// 在此处指定 CEF 命令行参数});}, app =>{// 指定启动窗体app.UseMainWindow(context => new MainWindow());}).Build().Run();}

public class MainWindow : Formium
{// 设置窗体样式类型public override HostWindowType WindowType => HostWindowType.Borderless;// 指定启动 Url// public override string StartUrl => "https://www.formium.net";public override string StartUrl => "https://go.itab.link/";// 打开承载窗口时显示：xxx-AppNameprivate const string AppName = "ITab";protected override void OnReady(){// 在此处进行浏览器相关操作// ExecuteJavaScript("alert('Hello NanUI')");// ShowDevTools();}protected override string GetWindowTitle(){return AppName;}public MainWindow(){// 在此处设置窗口样式MinimumSize = new Size(720, 480);Size = new Size(1024, 768);}
}

进阶

无边框拖拽

 protected override void OnReady(){// 在此处进行浏览器相关操作// ExecuteJavaScript("alert('Hello NanUI')");// ShowDevTools();if (WindowType is HostWindowType.Borderless or HostWindowType.SystemBorderless){var timer = new Timer(2000);timer.Elapsed += (sender, args) =>{Console.WriteLine("无边框样式，自动留出拖拽区域。。。。。。。。。。");ExecuteJavaScript("div1=document.getElementsByTagName('div')[0];" +"div0 = document.createElement('div');" +"div0.style.setProperty('height','10px');" +"div0.style.setProperty('-webkit-app-region','drag');" +"div1.before(div0);");};timer.AutoReset = false;timer.Enabled = true;}}

遮罩

0.8版本为Mask，使用AutoShowMask=false可以关闭

SplashScreen.BackColor=Color.Aqua;//背景色
SplashScreen.Content.Owner.BackgroundImage = Properties.Resources.load;//图片

NanUI 无边框拖拽相关推荐

winform自定义窗体边框样式模板（支持四周边框拖拽改变窗体大小，支持鼠标拖动头部移动窗体）
winform自己的边框已经过时,但小伙伴们又觉得自定义太过麻烦.本文将手把手教你自定义winform边框样式,并提供源代码链接(可直接作为模板使用).话不多说,直接上操作步骤. 先上一张完成截图一 ...
div边框拖拽改变宽度
css盒子如下图: 注意: 刚开始测试效果不是很好,原因行内块元素之间有缝隙消除行内块元素左右之间的间隙:给父元素设置为弹性布局flex <!DOCTYPE html> <html ...
无插件HTML,HTML5+CSS3实现无插件拖拽上传图片（支持预览与批量）分享！
上传基本是项目中经常出现的,一般采用: 1.form提交 2.flash form提交会刷新页面,很难做到异步上传:flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jQue ...
css拖拽调整高度,两种为wangEditor添加拖拽调整高度的方式：CSS3和jQuery UI
wangEditor是一款优秀的Web富文本编辑器,但如果能像KindEditor那样支持拖拽调整高度就更好了.有两种方式可以为wangEditor添加这一功能,这里使用的wangEditor版本为2 ...
通过调用API函数实现的无边框窗体的拖拽，比判断坐标更快捷
在winform程序中,有时会选择边框设计会none,但是这样就不能拖拽窗体移动解决方案有二: 1,判断坐标控制拖拽 2.利用API函数, 下面介绍利用API函数,方便,快捷 #region 移动无 ...
python小技巧大应用--基础实用漂亮界面(无边框,圆角,可拖拽)
这回要实现一个漂亮的基础界面,要具有如下特色: 无边框,圆角,漂亮的背景,可拖拽移动,具有最小化,关闭按钮,界面与代码分离,支持qss 先展示一下最后的效果: 那就开始工作吧: 1.通过Qt Desi ...
c#中WinForm中拖拽窗体实现移动功能(无边框模态窗体)
在WindowsForm 应用程序中,如果将窗体的FormBorderStyle属性设置为none,这时,用鼠标拖拽窗体时就无法实现移动的功能了,下面就是解决方案. 在FormBordeStyle属性 ...
qt2-无边框窗口创建、拖拽、阴影
文章目录创建 widget 工程 main.cpp 设置无边框窗口窗口的拖拽窗口移动总结反思阴影效果关于ui的一点思考创建 widget 工程注意这里选择 QWidget 基类即可. 类 ...
html5拖拽图片批量ajax无刷新进度上传
1.前端拖拽图片之前有篇文章说到HTML5的拖拽(drag.drop,详见:/post/jquery-plugin-1-jquery-drag-and-html5-draggable-api-and ...
DOM 案例——(美团外卖下拉框菜单、半透明——信息滑入、模态窗口拖拽效果、放大镜效果、滚动条滑到一定位置的固定导航栏、12306购票网站多级联动、斗鱼TV无规则弹幕特效、百度搜索条动态输入下拉瀑布)
目录 1.缓动动画--美团外卖下拉框菜单 2.半透明--信息滑入 3.模态窗口拖拽效果 4.放大镜效果 5.滚动条滑到一定位置的固定导航栏 6.12306购票网站多级联动 7.斗鱼TV无规则弹幕特效 ...

NanUI 无边框拖拽

NanUI 无边框拖拽

介绍

入门

进阶

无边框拖拽

遮罩

NanUI 无边框拖拽相关推荐

最新文章

热门文章