基于OpenCV的视频图像组态 (10)： CEF浏览器与图形软件互嵌

开发者工具

CEF内核很强大，已经提供相当多的功能。

比如开发者工具，调用是如此的简单。

稍微包装一下，声明一个属性

 

    __property bool ShowDevTool = { read = GetDevToolVisible, write = SetDevToolVisible };    bool __fastcall GetDevToolVisible();    void __fastcall SetDevToolVisible(bool value);  bool __fastcall TCbwChromiumExplorer::GetDevToolVisible() {    bool result = false;    if(DevTools)        result = DevTools->Visible;    return result;} void __fastcall TCbwChromiumExplorer::SetDevToolVisible(bool visible) {    if(!DevTools || !FBrowserParent)        return;    DevTools->Visible = visible;    DevTools->Width = FBrowserParent->Width / 4;    if(visible)        Chromium->ShowDevTools(TPoint(0x80000000, 0x80000000), DevTools);    else        Chromium->CloseDevTools(DevTools);    if(FSelfDevToolsFlag)        OnResize(FBrowserParent);}

 

则调用的时候，直接切换该属性值即可。

    GlobalChromiumExplorer->ShowDevTool = !GlobalChromiumExplorer->ShowDevTool;

实现效果

 

与已有窗口互嵌

研究一下代码，可片面得出结论：CEF可以与窗口句柄很好地整合。

拿以前编的图形软件来说事，之前如果要整合，需要把图形软件实现为OCX，然后在网页中调用。现在自己已经可以实现浏览器了，那就用另外一种方式进行整合 à 把目标窗口嵌入到CEF的句柄中。

 

先实现功能看看效果，用硬编码方式来处理：

    GlobalChromiumExplorer->BrowserParent = FCurrentForm->Panel_Child;

    FCurrentForm->ScrollBox->BringToFront();

    FCurrentForm->ScrollBox->Align = alNone;

    FCurrentForm->ScrollBox->Top = 430;

    FCurrentForm->ScrollBox->Left = 270;

    FCurrentForm->ScrollBox->Width = 1050;

    FCurrentForm->ScrollBox->Height = 350;

 

演示效果

 [注：如果图片不能显示，可到点击打开链接博客园查看，或者直接显示动画图片]

后续通过CEF访问取得网页中目标元素的位置与大小，然后将目标窗口嵌入到指定位置，即可实现已有窗口界面与网页之间的完美整合。