C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

时间:2024-05-23 09:19:55

先看下效果图:

C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

你能想像到这个界面是Wiinform界面吗?它实际是html编写的。

那么这种窗体的winform界面是如何制作出来的呢?本文介绍一种方法。

一、安装Nuget包

C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

搜索NetDimension.NanUI安装0.6版本的,现在作者刚出来最新的0.7版本,与0.6相比,api变动较大,我以旧的0.6为例,作抛砖引玉,你可以搜索相关的文章,实现你的需求。

二、编写你的窗体应用程序的入口方法

C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

如上图,需要注意的是RegisterAssemblyResources()方法的第3个参数"www.www.com",这个网址是由自己随意定义的。后面会用这个网址。

三、编写你的主窗体界面

C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

将你的主窗体继承自Forminu基类,它是在NanUi中定义的。

然后构造函数输入上一步的网址,注意这里的网址区分大小写。你想起个什么样名字的url都可以。

四、将网址对应的文件作为嵌入资源

C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

上面的网址,指定了一个文件叫login.html,它放在了www文件夹下,你需要将该文件嵌入资源。

同时该login.html用到了static的images文件,所有用到的,都要嵌入资源。

C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

C#窗体,如何制作漂亮的窗体UI界面,像微信电脑版一样

然后编译运行,即可以看到你的winform窗体界面变成了这个login.html的网页界面了。

 

源码下载: