用HTML做軟體UI用到的的一些技術

做WEB開發的想把網頁做成應用程式的介面，開發應用程式的又想把程式介面做得和WEB一樣。本文介紹一下用HTML做軟體UI用到的的一些技術。

其實HTML UI也不是什麼新鮮事了，Norton Antivirus從幾年前的版本就開始用了，vs.net2002中的開始頁也用了這個技術。
from:http://wuchang.cnblogs.com/archive/2006/06/12/423978.html

[方案一，適用於vs2002~2005(vb/delphi等類似)]

1、匯入web browser COM控制項

2、實現IDocHostUIHandler介面，MSDN中有介紹WebBrowser Customization。

IDocHostUIHandler介面有十幾個方法，這裡我們只關心這個：  

void IDocHostUIHandler.GetExternal(out object ppDispatch)

當在瀏覽器指令碼中調用 window.external時就會調用這個方法，我們需要在返回一個對象。如：  

public class Form1 : Form, IDocHostUIHandler{public Form1(){InitializeComponent();object flags = 0;object targetFrame = String.Empty;object postData = String.Empty;object headers = String.Empty;this.WebBrowser.Navigate("about:blank", ref flags, ref targetFrame, ref postData, ref headers);ICustomDoc cDoc = (ICustomDoc)this.WebBrowser.Document;cDoc.SetUIHandler((IDocHostUIHandler)this);this.WebBrowser.Navigate(@".", ref flags, ref targetFrame, ref postData, ref headers);}void IDocHostUIHandler.GetExternal(out object ppDispatch){ppDispatch = new Hello();}}

添加Hello類的代碼，注意：此類一定要加上ComVisible=true特性，或是給整個程式集加上[assembly: ComVisible( true )]。  

[ComVisible(true)]public class Hello{public void Haha(string msg){MessageBox.Show(msg);}}

這樣，就可以在瀏覽器中用指令碼這樣調用  

<script language="JavaScript" id="clientEventHandlersJS">function callHostUI(msg){window.external.Haha(msg);}callHostUI("hello wuChang");</script>

[方案二，適用於vs2005]

VS2005提供的WebBrowser控制項，已經實現了IDocHostUIHandler介面，使用起來就更簡單了。
WebBrowser提供了

 

public Object ObjectForScripting { get; set; }

屬性，只需要這樣用就行了。  

webBrowser1.ObjectForScripting = new Hello ();

呼叫瀏覽器用的指令碼可以這樣  

webBrowser1.Document.InvokeScript("js函數名", new String[] { "參數列表 " });

更多的內容在.net FW SDK (ms-help://MS.VSCC.v80/MS.MSDN.v80/MS.NETDEVFX.v20.chs/CPref17/html/P_System_Windows_Forms_WebBrowser_ObjectForScripting.htm裡有介紹。

.net2.0在System.Windows.Forms name spaces中提供HtmlDocument、HtmlElement等訪問HTML元素的控制項，使用方法在SDK裡有，這裡就不介紹了。