Avalonia跨平台入门第二十一篇之玩耍CEF

myzbx 2025-06-08 23:02 2 浏览

在前面分享的几篇中咱已经玩耍了Popup、ListBox多选、Grid动态分、RadioButton模板、控件的拖放效果、控件的置顶和置底、控件的锁定、自定义Window样式、动画效果、Expander控件、ListBox折叠列表、聊天窗口、ListBox图片消息、窗口抖动、语音发送、语音播放、语音播放问题;今晚接着研究CEF去加载网页,下面是加载高德地图效果:

直接上GitHub的地址:

https://github.com/CefNet/CefNet

1、在入口进行初始化设置:

var settings = new CefSettings();
settings.MultiThreadedMessageLoop = !externalMessagePump;
settings.ExternalMessagePump = externalMessagePump;
settings.NoSandbox = true;
settings.WindowlessRenderingEnabled = true;
settings.LocalesDirPath = Path.Combine(cefPath, "Resources", "locales");
settings.ResourcesDirPath = Path.Combine(cefPath, "Resources");
settings.LogSeverity = CefLogSeverity.Warning;
settings.IgnoreCertificateErrors = true;
settings.UncaughtExceptionStackSize = 8;

2、我直接后台加载测试的：

private void GoToLoadMap() 
{
  string initUrl = "file:///" + AppDomain.CurrentDomain.BaseDirectory + @"Maps/HeatMap.html";
  WebView webView = new WebView();
  webView.InitialUrl = initUrl;
  RootGrid.Children.Add(webView);
}

3、去下载Chromium Embedded Framework：

https://cef-builds.spotifycdn.com/index.html

4、关于配置

Extract all files into the cef/ directory.
Copy cef/Resources/icudtl.dat into cef/Release/

最终简单的效果先这样吧;以后有时间的话,可以再去摸索一下更复杂的效果;编程不息、Bug不止、无Bug、无生活;改bug的冷静、编码的激情、完成后的喜悦、挖坑的激动、填坑的兴奋;这也许就是屌丝程序员的乐趣吧;今天就到这里吧;希望自己有动力一步一步坚持下去;生命不息,代码不止;大家抽空可以看看今天分享的效果,有好的意见和想法,可以在留言板随意留言;我看到后会第一时间回复大家,多谢大家的一直默默的关注和支持!如果觉得不错,那就伸出您的小手点个赞并关注一下,多谢您的支持！

Maps 控件

上一篇：WordPress 站点地图如何设置?WordPress 站点地图指南及其使用方法
下一篇：2025 款凯迪拉克 Escalade IQ 将技术推向新高度

Avalonia跨平台入门第二十一篇之玩耍CEF

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

8.7k star，一款超炫酷的动态可视化大屏项目

这么牛逼的cursor功能，赶紧用起来

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」