ActiveX控件现在使用的人可能比较少,但是存在既有价值,在使用的过程中我发现在它不能嵌入一个WPF窗口,但是WPF窗口的制作能比WinForm方便很多,所以想一个办法将WPF嵌入到网页。使用的开发工具是VS2017,希望可以帮到需要的人。
具体思路:
直接把WPF直接嵌入到网页是不行的,所以利用WinForm窗口,把嵌入WPF的WinForm窗口嵌入到网页,这样就能够实现将WPF嵌入网页了。
参考原文连接: C#制作、打包、签名、发布Activex全过程
首先新建一个类库文件:
在WPF_ActiveX中新建一个IObjectSafety接口,写入以下代码
using System;
using System.Collections.Generic;
using System.Text;
using System.Runtime.InteropServices;
namespace WPF_ActiveX
{
[ComImport, GuidAttribute("CB5BDC81-93C1-11CF-8F20-00805F2CD064")]
[InterfaceTypeAttribute(ComInterfaceType.InterfaceIsIUnknown)]
public interface IObjectSafety
{
[PreserveSig]
int GetInterfaceSafetyOptions(ref Guid riid, [MarshalAs(UnmanagedType.U4)] ref int pdwSupportedOptions, [MarshalAs(UnmanagedType.U4)] ref int pdwEnabledOptions);
[PreserveSig()]
int SetInterfaceSafetyOptions(ref Guid riid, [MarshalAs(UnmanagedType.U4)] int dwOptionSetMask, [MarshalAs(UnmanagedType.U4)] int dwEnabledOptions);
}
}
添加一个用户控件UserControl1,实现刚刚创建的窗接口,写入以下代码
通过[工具]->[创建GUID] [新建GUID]->[复制]生成GUID
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Data;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Runtime.InteropServices;
namespace WPF_ActiveX
{
[Guid("***********************")]//这里粘贴你自己创建的GUID
public partial class UserControl1 : UserControl,IObjectSafety
{
public UserControl1()
{
InitializeComponent();
}
#region IObjectSafety 成员
private const string _IID_IDispatch = "{00020400-0000-0000-C000-000000000046}";
private const string _IID_IDispatchEx = "{a6ef9860-c720-11d0-9337-00a0c90dcaa9}";
private const string _IID_IPersistStorage = "{0000010A-0000-0000-C000-000000000046}";
private const string _IID_IPersistStream = "{00000109-0000-0000-C000-000000000046}";
private const string _IID_IPersistPropertyBag = "{37D84F60-42CB-11CE-8135-00AA004BB851}";
private const int INTERFACESAFE_FOR_UNTRUSTED_CALLER = 0x00000001;
private const int INTERFACESAFE_FOR_UNTRUSTED_DATA = 0x00000002;
private const int S_OK = 0;
private const int E_FAIL = unchecked((int)0x80004005);
private const int E_NOINTERFACE = unchecked((int)0x80004002);
private bool _fSafeForScripting = true;
private bool _fSafeForInitializing = true;
public int GetInterfaceSafetyOptions(ref Guid riid, ref int pdwSupportedOptions, ref int pdwEnabledOptions)
{
int Rslt = E_FAIL;
string strGUID = riid.ToString("B");
pdwSupportedOptions = INTERFACESAFE_FOR_UNTRUSTED_CALLER | INTERFACESAFE_FOR_UNTRUSTED_DATA;
switch (strGUID)
{
case _IID_IDispatch:
case _IID_IDispatchEx:
Rslt = S_OK;
pdwEnabledOptions = 0;
if (_fSafeForScripting == true)
pdwEnabledOptions = INTERFACESAFE_FOR_UNTRUSTED_CALLER;
break;
case _IID_IPersistStorage:
case _IID_IPersistStream:
case _IID_IPersistPropertyBag:
Rslt = S_OK;
pdwEnabledOptions = 0;
if (_fSafeForInitializing == true)
pdwEnabledOptions = INTERFACESAFE_FOR_UNTRUSTED_DATA;
break;
default:
Rslt = E_NOINTERFACE;
break;
}
return Rslt;
}
public int SetInterfaceSafetyOptions(ref Guid riid, int dwOptionSetMask, int dwEnabledOptions)
{
int Rslt = E_FAIL;
string strGUID = riid.ToString("B");
switch (strGUID)
{
case _IID_IDispatch:
case _IID_IDispatchEx:
if (((dwEnabledOptions & dwOptionSetMask) == INTERFACESAFE_FOR_UNTRUSTED_CALLER) &&
(_fSafeForScripting == true))
Rslt = S_OK;
break;
case _IID_IPersistStorage:
case _IID_IPersistStream:
case _IID_IPersistPropertyBag:
if (((dwEnabledOptions & dwOptionSetMask) == INTERFACESAFE_FOR_UNTRUSTED_DATA) &&
(_fSafeForInitializing == true))
Rslt = S_OK;
break;
default:
Rslt = E_NOINTERFACE;
break;
}
return Rslt;
}
#endregion
}
}
在UserControl1中插入ElementHost控件
创建WPF用户控件WPF_UserControl.xaml
WPF窗口可以随意设计
在UserControl1的elementHost1的Child对象设置为WPF_UserControl的实例化对象
public UserControl1()
{
InitializeComponent();
WPF_UserControl Hogg = new WPF_UserControl();
elementHost1.Child = Hogg;
}
查看项目的属性,[程序集信息],勾选使程序集COM可见
生成WPF_ActiveX.dll文件
将WPF_Activex项目生产的dll添加到WPF_Setup项目中
在WPF_Setup项目中,设置WPF_Activex.dll文件属性为vsdraCOM
之后生成WPF_Setup.msi,双击msi文件即可进行安装
在解决方案中添加WPF_Web项目,用于测试
在WPF_Web项目中添加一个HTML文件WPF_Test.html,用于测试
HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>WPF_测试</title>
<script type="text/javascript" language="javascript">
window.onbeforeunload = function () {
try {
cSharpActiveX.Destroy();
document.body.removeChild(cSharpActiveX);
}
catch (err) {
var st = err;
alert("no ocx");
}
}
window.onload=function(){
var csax = document.createElement('object');
csax.setAttribute("classid","clsid:****************************");//这里写刚刚自己创建的GUID
csax.setAttribute("id","WPF_ActiveX");
csax.setAttribute("name","WPF_ActiveX");
document.body.appendChild(csax);
cSharpActiveX.StopDestroy();
}
</script>
</head>
<body>
</body>
</html>
这个时候基本上就完成了,安装好刚刚的WPF_Setup.msi,然后用IE浏览器打开WPF_Test.html(ActiveX只支持IE浏览器)
允许阻止内容
点击允许交互
这样我们的WPF窗口就成功进入到网页了
到这里应该使基本结束了,但是每一次的修改重新生成的WPF_ActiveX.dll都要重新生成WPF_Setup.msi并且卸载之前已经安装好的WPF_Setup还要重新安装。为了解决这个问题还需要做一个CAB的自动打包,这样就省了安装的步骤,具体的的操作可以参考我开始转发的连接,写得已经很详细了。