利用分层窗体和百度图标创建一个加载百分比图形
By
admin
at 2017-12-10 • 0人收藏 • 1206人看过
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,变小就可以了
走的速度就会加快