放弃winform的窗体吧,改用html作界面,桌面应用程序UI的新的开发方式。
做过很多winform项目,都为winform控件头疼不已。想实现一些漂亮的样子总是很难。我这里列举几个缺点:
1.winform控件大多是 绝对布局 ,你需要给出准确的坐标。那么在实现居中效果就会很难。
2.学习成本,也了解各个控件的结构,属性等。要想更熟练的掌握需要很多时间。
3.实现界面的成本,调整各个窗体,控件的样式到原型图的效果要用很长时间。
4.维护,需要懂得WINFROM的程序员来进行维护。
先想到这么多.我接触android后,发现android实现UI的方式很有意思,使用xml描述视图,使用window包裹activity实现各个窗口。那我们能不能把这样的形式在桌面应用开发上使用?于是在新项目中,我开始启用新的开发方式:
1.写一个html描述UI,类似android里的layout布局文件。
2.准备一个form窗体作为承载,在这个窗体里放置一个webbrowser控件作为显示控件,那么这个控件可以直接显示html
3.为webbrowser控件指定 ObjectForScripting 对象,一般情况下这个对象是个c#实现的class的实例。这个对象实现了 可以和webbrowser控件里的html实现的dom模型交互。它提供了一个通道,可以再这个ObjectForScripting对象里调用javascript和使用javascript调用这个对象里的方法。
基于以上的方式我实现了一个简单的框架。
1.写一个基本的ControlSupport,它是所有可以作为ObjectForScripting 对象的基类。用于和html交互。
2.在ControlSupport中必须实现oncreate方法,他会在创建时加载。
3.为ControlSupport实现SetContentUrl方法,指定一个本地的html文件给webbrowser控件,那么就可以显示它。
4.为ControlSupport实现InvokeScript方法,在这里可以调用js中的方法。
5.在js中,可以通过下面的方法调用 ControlSupport里的方法。
if (typeof window.external.getMaterialList != "undefined") {
//触发浏览器的 后台方法,这个方法只在我们的winform程序发生
window.external.getMaterialList(callback_getMaterialList);
}
6.通过上面的实现,那么ControlSupport类看起来就像个 activity(android里的页面),我还实现了一个栈,页面显示时,将是位于栈顶的。那么借助这个堆栈的能力,我们可以实现窗体的跳转和返回。
通过以上的方式。我们基本可以完成使用html来做页面的操作。效果非常的爽,终于可以摆脱winform控件的。实现各种表现方式都非常的简单。HTML嘛,更加的灵活。
贴个图吧。下面这个界面就是用这种方式实现的,仅仅顶部是用winform控件实现的。左侧的导航和右下侧的内容区都是用html来做的页面。效果看起来完全是一个整体。

放弃winform的窗体吧,改用html作界面,桌面应用程序UI的新的开发方式。的更多相关文章
- Winform子窗体刷新父窗体
调用窗体(父):Form1,被调用窗体(子):Form2方法1: 所有权法//Form1://需要有一个公共的刷新方法public void Refresh_Method(){//...} ...
- Winform跨窗体操作控件(使用委托)
Winform跨窗体操作控件是winform开发中很常见的形式,最常见且简单有效的方式便是使用委托的方式来进行操作,下面我将通过一个小实例来说明如何使用委托跨窗体实现控件操作. 实例介绍:两个窗体,F ...
- WinForm 设置窗体启动位置在活动屏幕右下角
WinForm 设置窗体启动位置在活动屏幕右下角 在多屏幕环境下, 默认使用鼠标所在的屏幕 1. 设置窗体的 StartPosition 为 FormStartPosition.Manual. 2. ...
- WinForm下窗体权限设计
权限设计 笔者不才看了园子里面很多园友写关于权限设计这块内容,那么笔者也在添一笔.这个是笔者在上完软件工程课程后,上交的一篇笔者论文,这里分享给大家交流,当然笔者经验尚浅,若内容有误,请大家指点出 ...
- WinForm之窗体应用程序
WinForm之窗体应用程序 基本简单数据库操作(增删改查) using System; using System.Collections.Generic; using System.Windows. ...
- WinForm开发,窗体显示和窗体传值相关知识总结
主窗体中代码: public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void b ...
- C# winform中 窗体缩放自适应的方法(不同电脑/不同分辨率)
C# winform中 窗体缩放自适应的方法(不同电脑/不同分辨率) 窗体缩放是一个困扰我多时的问题,为了解决这个问题,我从网上找了很多相关的资料,很多人说用Anchor和Dock属性,但是我试了 ...
- winform圆角窗体实现
winform圆角窗体实现 1.窗体的FormBorderStyle设置成None,不要控制边框 2.TransparencyKey和BackColor颜色设置成相同的,这样,窗体就透明了 3.以此为 ...
- C# WinForm 父窗体 子窗体 传值
C# WinForm 父窗体 子窗体 传值 本次示例效果如下:Form1为父窗体(包含textBox1.button1)Form2为子窗体(包含textBox2.button2) 父窗体给子窗体传值= ...
随机推荐
- Mac下命令行下载android源代码并构建apk过程
前提是java .sdk.ndk .cmake.gradle .gradlew都已经安装和配置好. 1.下载源码: git clone http://git-ma.xxxx.com.cn/xxxx/x ...
- 让MySQL在美国标准下运行
[美国标准下运行的MySQL会有哪方面的调整] 我不得不说,这里有点标题党了:事实上我想说的就是--ansi模式下启动mysqld进行,但是这个ansi我没有找到更好的译文,就给译成了“美国标准”了. ...
- Matlab的集合运算[转]
今天遇到一个问题:有向量a和向量b,b是a的子向量(元素全部来自a),求向量a去掉向量b后剩下的元素构成的向量. 这么一个简单的问题,搜了半天也没有得到结果,因为找不到合适的关键词来描述这个问题. 在 ...
- 微信小程序如何获取屏幕宽度
微信小程序如何获取屏幕宽度 方法1: imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().window ...
- Android: TextView 及其子类通过代码和 XML 设置字体大小的存在差异的分析
原因: 在代码中通过 setTextSize(float size) 设置,使用的是 sp 为默认单位. 而 XML 中使用了 px,所以需要使用先把做好 sp 和 px 的转换工作. 最近在做 ap ...
- PxCook(像素大厨)
PxCook(像素大厨)是一款切图设计工具软件.自2.0.0版本开始,支持PSD文件的文字,颜色,距离自动智能识别. 优点在于将标注.切图这两项设计完稿后集成在一个软件内完成,支持Windows和Ma ...
- hot-warm-architecture-in-elasticsearch-5-x
https://www.elastic.co/blog/hot-warm-architecture-in-elasticsearch-5-x https://www.elastic.co/blog/e ...
- 【Android】Sensor框架Framework层解读
Sensor整体架构 整体架构说明 黄色部分表示硬件,它要挂在I2C总线上 红色部分表示驱动,驱动注册到Kernel的Input Subsystem上,然后通过Event Device把Sensor数 ...
- 12.22日wagas学习笔记
第一部分:vue-cli3 vue.config.js配置: baseUrl:process.env.NODE_ENV === 'production'?'/production-sub-path': ...
- git file mode change
近期在做ffmpeg版本合并时发现,TortoiseGit的Check for Modifications的修改对话框中有未修改的问题,直接导出diff,会有类似下面的输出: compat/plan9 ...