利用分层窗体和百度图标创建一个加载百分比图形
By
admin
at 2017-12-10 • 0人收藏 • 1124人看过
import win.ui; /*DSG{{*/ var winform = win.form(text="webkit浏览器支持库";right=300;bottom=300;border="none";mode="popup") winform.add() /*}}*/ winform.wndproc = function(hwnd,message,wParam,lParam){ select( message ) { case 0x201/*_WM_LBUTTONDOWN*/{ //鼠标右键弹起,下面获取坐标 winform.hitCaption(); } else{ } } //无返回值则继续调用默认回调函数 } //导入webkit支持库 import web.kit.form; import web.kit.jsFunction; import web.kit.fileSystem; //支持嵌入资源文件 import web.kit.layeredWindow; //创建分层窗体 //创建webkit浏览器窗口 var webkit = web.kit.layeredWindow(winform); webkit.go("\html\main.html"); webkit.wait() var num = 0.0; var xxx1 = "var myChart = echarts.init(document.getElementById('main'));"; var xxx2 = " var option = { series: [{ type: 'liquidFill', data: ["; var xxx3 = "], radius: '95%' }] }; myChart.setOption(option);"; webkit.doScript(xxx1++xxx2++num++xxx3); tmid = winform.addtimer( 50/*毫秒*/, function(hwnd,msg,id,tick){//定时执行代码 if(num >= 0.9){ winform.settimer(id,-1) //暂停 winform.killtimer(id) //移除 } else { num = num + 0.01; webkit.doScript(xxx1++xxx2++num++xxx3); } } ); winform.transparent(true); //限定最大化范围 import win.ui.minmax; win.ui.minmax(winform); winform.show(); win.loopMessage();
所需要的html页面代码如下:
注意这里的波浪形状需要另外一个js插件支持
http://echarts.baidu.com/resource/echarts-liquidfill-1.0.4/dist/echarts-liquidfill.js
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="echarts.min.js"></script> <script src="echarts-liquidfill.js"></script> <style type="text/css"> #main { height:100% ; width:100%; position:absolute;} body { margin:0px; padding:0px; overflow:hidden;} </style> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main"></div> </body> </html>
整体文件结构如下:
1 个回复 | 最后更新于 2017-12-10
登录后方可回帖
接上面的那个水波波形百分比,我发现水波荡漾的速度太慢,
打开下载的那个js文件的1050行,把这个speed从默认的5000设置为1000或者500,变小就可以了
走的速度就会加快