progress


简介:

加载信息提示框。

方法:

showProgress


显示进度框
rd.progress.showProgress(ANIMATIONTYPE,params);
说明:

进度条,以动画方式呈现进度提示框。根据需求的不同,可以通过属性来设置。

参数:
  • ANIMATIONTYPE: ( 动画类型 ),可选项,设置弹出框显示时的动画类型
    • rd.progress.ANIMATIONTYPE_FADE : 值为 0 进度提示框以渐隐渐显动画呈现
    • rd.progress.ANIMATIONTYPE_ZOOM : 值为 1 进度提示框以缩放动画呈现
  • params: ( JSON对象 ) 必选
    • title: ( JSON对象 ) 可选 progress显示的标题
    • name: ( String ) 可选 progress 显示的标题 默认 请稍后
    • fontSize: ( Number ) 可选 标题字体大小 默认16
    • color: ( String ) 可选 标题字体颜色 默认#ffffff (白色)
    • detailTitle: ( JSON对象 ) 可选 progress显示的详细描述
    • name: ( String ) 可选 progress显示的详细描述 默认 加载中...
    • fontSize: ( Number ) 可选 详细描述字体大小 默认14
    • color: ( String ) 可选 详细描述字体颜色 默认#ffffff (白色)
    • images:(Array)可选 在progress 中显示的图片 最佳大小为37x37px 若传入多个图片,则显示为动画效果不设置该属性时,图片路径为协议路径 默认为一个白色动画轮子
    • bgColor: ( String ) 可选 progress背景色 默认#000000 (黑色)
    • bgOpacity: ( Number ) 可选 progress背景透明度 默认0.8
返回值:

示例
    var params = {
        title:{
          name:'努力加载中...',
          fontSize:'16',
          color:'#3300cc'
        },
        detailTitle:{
          name:'哈哈哈哈',
          fontSize:'16',
          color:'#3300cc'
        },
        images:['res://xx.png','res://xx1.png','res://xx2.png','res://xx3.png'],
        bgColor:'#9900ff',
        bgOpacity:'0.6'
        };
          rd.progress.showProgress(params)或者rd.progress.showProgress(rd.progress.ANIMATIONTYPE_FADE,params);

hideProgress


隐藏进度提示框
rd.progress.hideProgress();
说明:

隐藏进度提示框。

参数:

返回值:

示例:
function test(){
    rd.progress.hideProgress();
}

showToast


显示进度提示框,但是设置的时间一到就会消失。
rd.progress.showToast(time, params);
参数:
  • time: 必选 显示的时间,时间过后自动消失,单位是秒

  • params: ( JSON对象 ) 必选 见showProgress的params参数

    注:params中的images如果没有值,不会显示progress的默认白色动画轮子

返回值:

示例:
    var params = {
        title:{
            name:'努力加载中...',
            fontSize:'16',
            color:'#3300cc'
        },
        detailTitle:{
            name:'哈哈哈哈',
            fontSize:'16',
            color:'#3300cc'
        },
        images:['res://xx.png','res://xx1.png','res://xx2.png','res://xx3.png'],
        bgColor:'#9900ff',
        bgOpacity:'0.6'
};
rd.progress.showToast('4',params);