找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 65|回复: 2

展示下WebView2开发窗口应用效果

[复制链接]

59

主题

112

回帖

724

积分

版主

积分
724
发表于 4 天前 | 显示全部楼层 |阅读模式


      先写好界面所需的html、css、js代码,然后zip压缩打包,调用的时候可以从程序资源表加载HTML界面(内部通过请求拦截实现页面url访问映射到zip压缩包内对应html、js等资源文件),这样最终发布应用只需要一个exe文件即可,当然也可从本地文件或直接URL地址加载。然后写了一个简化的函数绑定调用方式,可以用于JS调用C++函数,至于C++调用JS的话,直接使用webview2的执行JS脚本函数就行了。






普通窗口效果



这是无边框且带透明窗口的效果,不过为了启用系统级别的窗口边框阴影,保留了一像素的系统窗口边框,这里的标题栏是HTML元素模拟出来的,同时借助WebView2新版本支持的“app-region” css属性,可以直接实现指定html元素模拟系统窗口标题栏的效果(几乎和系统标题栏一样,支持拖动窗口、双击最大化、系统窗口标题栏右键菜单也有,唯一需要手动处理的就是标题栏控制按钮,需要单独用html元素模拟和实现控制代码)。






本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

77

主题

470

回帖

2100

积分

管理员

积分
2100
发表于 4 天前 | 显示全部楼层
感谢大佬分享

52

主题

226

回帖

1361

积分

金牌会员

积分
1361
发表于 3 天前 | 显示全部楼层
谢谢   
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|炫语言 | 炫彩界面库 | 用户所需, 正是我所做! ( 鄂ICP备2023014763号-1 )

GMT+8, 2025-10-21 05:22 , Processed in 0.080499 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表