利用分层窗体和百度图标创建一个加载百分比图形

By admin at 2017-12-10 • 0人收藏 • 447人看过

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
2017-12-10   #1

接上面的那个水波波形百分比,我发现水波荡漾的速度太慢,

打开下载的那个js文件的1050行,把这个speed从默认的5000设置为1000或者500,变小就可以了

走的速度就会加快



登录后方可回帖

登 录
信息栏
本站永久域名:HtmLayout.Cn
纯私人站,当笔记本用的,学到哪写到哪,目前在学aardio+halcon机器视觉.
Htmlayout界面在线学习文档
Sciter中文在线文档Sciter在线学习文档
本 站 主 站:Stm32cube中文网
Aardio 官方站:Aardio官方
Aardio最新功能:Aardio官方更新日志
aardio在线手册Aardio在线手册
C大Aardio论坛:Aar爱好者论坛
简码教程网:简码编程
AARDIO语言QQ群:70517368
赞助商:才仁机械
下载站:非凡软件站
Loading...