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

用网页的设计制作桌面的应用程序界面的探讨 　　设计开发桌面应用程序，可以选择的语言有很多，如：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的解决方法 　　在网页中加入如下代码，用于向应用程序发出事件： 　　nbsp； 　　nbsp； 　　 　　 　　 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编的程序可移植性是很差的，尤其是使用了第三方控件后，其可移植性变得更差。如现在使用了网页，相信任何计算机都不会出