首先先看一下效果圖：

??? 本實現是基于WPF，VS版本2008 SP1。

??? 先說一下在Winform中的實現方法：很簡單通過設置窗體的opacity來實現，或者還可以設置TransparentKey來實現某種顏色透明。但是在WPF中則如何實現呢？

通過設置窗體的opacity，那么得到結果就是webbrowser整體消失了。因為這里面涉及到WPF中“空域”的問題，相關的文章如下：

http://blogs.msdn.com/changov/archive/2009/01/19/webbrowser-control-on-transparent-wpf-window.aspx

??? 由此看來通過直接設置透明度的方法是不行了，那么回到原來的問題，“將瀏覽器窗體背景成透明”，其實這里的透明只是一個視覺上的感覺，就是瀏覽器中網頁的背景和整個窗體的背景想融合就可以?？吹竭@里，各位看官可能已經想到了，將瀏覽器中頁面的背景繪制成被瀏覽器控件所覆蓋出的背景就可以了。確實，我的實現也是依照這種思路走的。

??? 這里主要用到了兩個技術：

l?Mshtml操作網頁中元素，通過給body標簽添加行為來實現背景的繪制。

?

Code
[ComVisible(true),?Guid("0015EC28-C85F-49a8-9B1A-DC91E6345274"),
????ClassInterface(ClassInterfaceType.AutoDispatch)]
????public?class?MyGadgetBodyBehavior?:?IElementBehavior,?IHTMLPainter
????{
????????public?delegate?void?SizeChangedEventHandler(SizeChangedEventArgs?e);
????????public?event?SizeChangedEventHandler?onSizeChangedEvent;
????????private?AppScreenSnapHelper?snapHelper;

?

下面是繪制部分的代碼

Code
?public?void?Draw(RECT?rcBounds,?RECT?rcUpdates,?int?lDrawFlags,?IntPtr?hdc,?IntPtr?pvDrawObject)
????????{
????????????Graphics?g?=?Graphics.FromHdc(hdc);
????????????Bitmap?buffer?=?new?Bitmap(width,?height);
????????????Graphics?gBuffer?=?Graphics.FromImage(buffer);

????????????AppScreenSnapHelper.Image?image?=?snapHelper.GetScreenSnap();
????????????gBuffer.DrawImage(image.Bitmap,?0,?0);
????????????image.Dispose();

????????????string?imageSrc?=?((IHTMLElement2)body).currentStyle.backgroundImage;
????????????if?(!string.IsNullOrEmpty(imageSrc))
????????????{
????????????????Match?match?=?Regex.Match(imageSrc,?@"url\(""file:///(?<path>.*)""\)");
????????????????if?(match.Success)
????????????????{
????????????????????imageSrc?=?match.Groups["path"].Value;
????????????????????using?(Bitmap?bitmap?=?new?Bitmap(imageSrc))
????????????????????{
????????????????????????object?obj?=?((IHTMLElement2)body).currentStyle.marginLeft;
????????????????????????gBuffer.DrawImage(bitmap,?new?Rectangle(0,?0,?width,?height));
????????????????????}
????????????????}
????????????}
????????????g.DrawImage(buffer,?rcUpdates.left,?rcUpdates.top,
??????????????????????new?Rectangle(rcUpdates.left?-?rcBounds.left,
??????????????????????rcUpdates.top?-?rcBounds.top,?rcUpdates.right?-?rcUpdates.left,
??????????????????????rcUpdates.bottom?-?rcUpdates.top),?GraphicsUnit.Pixel);
????????????buffer.Dispose();
????????????gBuffer.Dispose();
????????????g.Dispose();
????????????
????????}

?

l?RenderTargetBitmap類用來給應用程序截圖：

?

?

Code
internal?Image?GetScreenSnap(bool?isForceRefresh)
????????{
????????????if?(CheckPositionAndSize()?&&?!isForceRefresh)
????????????{
????????????????return?screenImage;
????????????}

????????????control.Visibility?=?Visibility.Hidden;
????????????RenderTargetBitmap?bitmap?=?new?RenderTargetBitmap((int)parentWindow.Width,
???????????????(int)parentWindow.Width,?96,?96,?PixelFormats.Pbgra32);
????????????bitmap.Render(parentWindow);
????????????BitmapSource?bitmapSource?=?bitmap.CloneCurrentValue();
????????????Bitmap?newBitmap?=?ConvertSourceImageToBitmap(bitmapSource);
????????????newBitmap?=?ClipBitmap(newBitmap,?new?System.Drawing.Rectangle((int)oldPoint.X,?(int)oldPoint.Y,
????????????????((int)control.Width?==?0???1?:?(int)control.Width),?((int)control.Height)?==?0???1?:?(int)control.Height));

????????????control.Visibility?=?Visibility.Visible;
????????????screenImage?=?new?Image(newBitmap,?imagePtr);
????????????return?screenImage;
????????}

在截圖的時候這里使用了一個技巧就是，先將控件隱藏，然后截圖，最后恢復控件的顯示。?

最后說一下本實現的一些缺陷：

?如果將應用程序的背景設置為透明，則瀏覽器的背景將呈現白色，因為本實現使用的是應用程序的背景來進行截圖，如果應用程序背景被透明，則截圖得到的也是一張透明的圖片，繪制到頁面上后并不能達到透明的效果。如果想在這種情況下實現透明，可以考慮對桌面背景進行截圖。

如果網頁過大出現滾動條，那么網頁中未呈現的部分并不能透明，因為截圖只能作用于已經顯示的部分。所以本實現用于顯示本地控制好大小的html頁面有比較好的效果。

具體項目下載如下：

/Files/chinese-zmm/TransportWebBrowserDemo.rar?

?

轉載于:https://www.cnblogs.com/chinese-zmm/archive/2009/04/26/1444065.html

總結

以上是生活随笔為你收集整理的浏览器扩展系列————透明浏览器窗口的实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。