用网页设计制作桌面应用程序界面探讨

设计开发桌面应用程序，可以选择的语言有很多，如：Visual Basic、Dephi、Visual C++ ，但如果要把程序的界面做得既漂亮又好看，使用以上的开发语言并不是一件容易的事情。可是，一些商业应用软件的界面做得却非常漂亮，那些控件的颜色搭配、外观、实用性等，都做得非常出色。作为一名程序员也希望能做出如此漂亮的程序界面。为此，本文讨论用网页制作程序界面的思路和方法。

一、用网页制作程序界面的思路

程序设计员要开发一套界面漂亮的控件库，不是一件容易的事情，如果开发一个软件，希望把软件的界面做得漂亮，但又没有多余的时间去编写界面控件库，那么，只要对网页制作中的HTML、CSS、JavaScript知识熟练掌握，就可以试用网页去做应用程序的界面。

Web2.0已经成为当今网络的主流，用VB做出来的界面很丑，而用网页做出来的界面很漂亮，网页通过强大的CSS样式表可以把网页中的界面元素控制得非常好。如果能用CSS样式表去控制VB程序的界面，那程序的界面就容易美化了。可是，CSS只能控制网页，不能控制桌面应用程序。

经笔者反复研究发现，用CSS控制程序界面的方法，就是让程序的主界面变成网页，然后再用网页元素去美化它，但这样就需要解决以下几个问题。

问题1：应用程序跟网页是分离的两个实体，如果要用网页去制作程序的界面，应用程序必须能显示网页。

问题2：应用程序必须能捕获网页中的相关事件。

问题3：应用程序必须能向网页界面发送数据。

如果解决上面问题，就能实现用网页制作程序界面。

二、用网页制作程序界面的方法

1.问题1的解决方法

在Visual Basic中，我们可以通过WebBrowser控件去显示网页，引用该部件后，只要向Naviaget方法传递网页界面的路径参数即可（可以是URL或者绝对路径）。

2.问题2的解决方法

要让VB捕获网页中的事件，我们可以让网页发生了某一事件后，主动去通知应用程序。具体的做法如下：

在VB窗口中加入如下代码去接收网页发出的所有

事件：

Private Sub WebBrowser1_BeforeNavigate2()

Dim Ev As String

Dim i As Integer

If UCase$(Left$(URL， 6)) = "EVENT：" Then

Ev = UCase$(Mid$(URL， 7))

Select Case Ev

Case "TOP"

Call topRecord

Case "NEXT"

Call nextRecord

Case "COMPLETE"

Call completeTest

End

End Select

Cancel = True

End If

End Sub

3.问题3的解决方法

在网页中加入如下代码，用于向应用程序发出事件：

 ；

 ；

Sub top_OnClick()

location.href = "Event：top"

End Sub

Sub next_OnClick()

location.href = "Event：next"

End Sub

Sub complete_OnClick()

location.href = "Event：complete"

End Sub

通过以上的方法，网页中的任何事件与应用程序交互都能简单实现了。

下面，我们再看看怎样用应用程序向网页发送信息，并在网页上实时显示出信息的内容。

网页代码如下：

VB想要在该标签显示信息的代码如下：

WebBrowser1.Document.getElementById("tm").innerHTML="" & rs(“tm”) & “”

应用以上代码，使得用网页制作应用程序界面的方法变得很简单。下图所示的截图是用网页制作界面的效果：

图

这是使用网页制作出来的程序界面，上面的应用程序没有使用图片，全部用HTML+CSS+Javascript实现，执行效率高。

三、用网页制作程序界面的好处

第一，界面元素灵活多变、执行效率高。网页中的控件虽然不多，但其灵活，并且控件的外观都可以通过CSS样式去控制，制过过程简单。

第二，可移植性强。一名VB程序员会体会到用VB编的程序可移植性是很差的，尤其是使用了第三方控件后，其可移植性变得更差。如现在使用了网页，相信任何计算机都不会出现兼容问题。

第三，界面更换皮肤容易。厌倦了程序的界面，想更换一种皮肤吗？方法一：使用VB程序改变指定的CSS样式文件；方法二：使用VB程序控制其指向另一个网页文件。

第四，能较好地控制文字的显式样式。在VB中编写的程序字体不能很好地控制其显示的式样，例如：对字距不满意时，希望在一个文档中，调整中文与英文用不同的字体显示，控制行距，控制段前段后距等。

四、用网页制作程序界面的不足

第一，程序的界面有可能被别人恶意修改；第二，每一个交互动作都要额外写一小段代码；第三，要求程序员对网页制作方面撑握的知识较多，如Javascript、VBScript、CSS、HTML。

以上是笔者在制作一些计算机教学软件时，无意中领悟到的知识，希望能对在制作程序界面感到困难的设计者有所帮助。

（作者单位：江门市技师学院）