WPF中去边框窗体与WebBrowser控件的兼容问题解决办法

问题产生原因：若设置窗体为AllowsTransparency="True"，WindowStyle="None"，内嵌的WebBrowser就无法显示了，但它加载的网页内容还能正常交互。

解决方案：

通过google，找到了如下的WPF窗体文件，并对其进行了简单修改。

1.添加一个新窗体，命名为WebBrowserOverlay；

XAML：WebBrowserOverlay.xaml

<Window x:Class="WpfUI.WebBrowserOverlay"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    WindowStyle="None" ShowInTaskbar="False" ResizeMode="NoResize">
    <WebBrowser Name="_wb">

    </WebBrowser>
</Window>

C#：WebBrowserOverlay.xaml.cs

using System;
using System.Diagnostics;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Interop;
using System.Windows.Media;


namespace WpfUI
{
    /// <summary>
    /// Displays a WebBrowser control over a given placement target element in a WPF Window.
    /// The owner window can be transparent, but not this one, due mixing DirectX and GDI drawing. 
    /// WebBrowserOverlayWF uses WinForms to avoid this limitation.
    /// </summary>
    public partial class WebBrowserOverlay : Window
    {
        FrameworkElement _placementTarget;


        public WebBrowser WebBrowser { get { return _wb; } }


        public WebBrowserOverlay(FrameworkElement placementTarget)
        {
            InitializeComponent();


            _placementTarget = placementTarget;
            Window owner = Window.GetWindow(placementTarget);
            Debug.Assert(owner != null);


            //owner.SizeChanged += delegate { OnSizeLocationChanged(); };
            owner.LocationChanged += delegate { OnSizeLocationChanged(); };
            _placementTarget.SizeChanged += delegate { OnSizeLocationChanged(); };


            if (owner.IsVisible)
            {
                Owner = owner;
                Show();
            }
            else
                owner.IsVisibleChanged += delegate
                {
                    if (owner.IsVisible)
                    {
                        Owner = owner;
                        Show();
                    }
                };


            //owner.LayoutUpdated += new EventHandler(OnOwnerLayoutUpdated);
        }


        protected override void OnClosing(System.ComponentModel.CancelEventArgs e)
        {
            base.OnClosing(e);
            if (!e.Cancel)
                // Delayed call to avoid crash due to Window bug.
                Dispatcher.BeginInvoke((Action)delegate
                {
                    Owner.Close();
                });
        }


        void OnSizeLocationChanged()
        {
            Point offset = _placementTarget.TranslatePoint(new Point(), Owner);
            Point size = new Point(_placementTarget.ActualWidth, _placementTarget.ActualHeight);
            HwndSource hwndSource = (HwndSource)HwndSource.FromVisual(Owner);
            CompositionTarget ct = hwndSource.CompositionTarget;
            offset = ct.TransformToDevice.Transform(offset);
            size = ct.TransformToDevice.Transform(size);


            Win32.POINT screenLocation = new Win32.POINT(offset);
            Win32.ClientToScreen(hwndSource.Handle, ref screenLocation);
            Win32.POINT screenSize = new Win32.POINT(size);


            Win32.MoveWindow(((HwndSource)HwndSource.FromVisual(this)).Handle, screenLocation.X, screenLocation.Y, screenSize.X, screenSize.Y, true);
        }
    }
}

2.在主窗体中加入一个关闭按钮和一个命名为BdBrowser的Border元素，再在BdBrowser中添加一个WebBrowser控件；

	<Grid Background="#FF009D99">
		<Button x:Name="BtnClose" Content="×" Margin="0" Width="30" Height="30" HorizontalAlignment="Right" VerticalAlignment="Top" FontWeight="Bold" FontSize="16" Foreground="#FFCC0000" FontFamily="Arial Black" Focusable="False" Click="BtnClose_Click">
		</Button>
		<Border x:Name="BdBrowser" Margin="0,30,0,0">
			<WebBrowser x:Name="WbBrowser"/>
		</Border>
	</Grid>

3.加载调用。

            var w = new WpfUI.WebBrowserOverlay(BdBrowser);
            var wb = w.WebBrowser;
            wb.Navigate(new System.Uri("http://www.baidu.com/"));

由于WPF中的WebBrowser功能远没有WinForm中的强大，所以我尝试着在WPF中嵌入WinForm的WebBrowser，方案如下（只贴了修改部分的代码，其他同上）：

1.添加引用System.Windows.Forms和WindowsFormsIntegration；

2.在WebBrowserOverlay.xaml中嵌入WindowsFormsHost以承载WinForm的WebBrowser控件；

<Window x:Class="WpfUI.WebBrowserOverlay"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:wfi ="clr-namespace:System.Windows.Forms.Integration;assembly=WindowsFormsIntegration"
    xmlns:wf ="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"
    WindowStyle="None" ShowInTaskbar="False" ResizeMode="NoResize">
    <wfi:WindowsFormsHost x:Name="_wfh">
        <wf:WebBrowser x:Name="_wb"/>
    </wfi:WindowsFormsHost>
</Window>

3.WebBrowserOverlay.xaml.cs中将System.Windows.Controls.WebBrowser替换成System.Windows.Forms.WebBrowser；

        public System.Windows.Forms.WebBrowser WebBrowser { get { return _wb; } }

4.主窗体不做改变，但是我稍微改动了一下，以便后续开发。加了一个TextBox作为地址栏，一个Button作为跳转按钮，功能简略，各位看官可以跳过。

using System.Windows;

namespace WpfUI
{
	/// <summary>
	/// MainWindow.xaml 的交互逻辑
	/// </summary>
    public partial class MainWindow : Window
    {
        private WebBrowserOverlay wbo;
        private System.Windows.Forms.WebBrowser fwb;
        public MainWindow()
        {
            this.InitializeComponent();

            // 在此点下面插入创建对象所需的代码。
            wbo = new WebBrowserOverlay(BdBrowser);
            fwb = wbo.WebBrowser;
            fwb.Navigate(new System.Uri(TbAddress.Text));
        }

        private void BtnClose_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

        private void BtnGo_Click(object sender, RoutedEventArgs e)
        {
            string add = TbAddress.Text;
            fwb.Navigate(new System.Uri(add));
        }

    }
}

源码资源下载：http://download.csdn.net/detail/danding_ge/7167399