UIScrollPicture

UIScrollPicture 是一个图片轮播模块,只需传入一组图片地址,即可实现图片轮播效果。

open

打开模块

  • 语法
    open({ params }, callback(ret, err))
    
  • 参数

    • rect:(可选项)模块的位置及尺寸

      {
      x: 0,   // 数字类型;模块左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
      y: 0,   // 数字类型;模块左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0
      w: 320, // 数字类型;模块的宽度;默认:'auto'
      h: 200  // 数字类型;模块的高度;默认:'auto'
      }
      
    • data:模块的图片路径数组,及说明文字数组

      {
      paths: [],      //数组类型;图片路径数组,支持http://,https://,widget://,fs://协议
      captions: []    //(可选项)数组类型;说明文字数组,与 paths 数组长度一致;不传则不显示说明文字区域
      }
      
    • styles:(可选项)模块各部分的样式

      {
      caption: {                          // JSON对象;说明文字区域样式
          height: 35,                     // 数字类型;说明文字区域高度;默认:35.0
          color: '#E0FFFF',               // 字符串类型;说明文字字体颜色,支持 rgb、rgba、#;默认:'#E0FFFF'
          size: 13,                       // 数字类型;说明文字字体大小;默认:13.0
          bgColor: '#696969',             // 字符串类型;说明文字区域的背景色,支持 rgb、rgba、#;默认:'#696969'
          position: 'bottom'              // 字符串类型;说明文字区域的显示位置;默认:'bottom'
                                          //取值范围:
                                          //overlay(悬浮在图片上方,底部与图片底部对齐)
                                          //bottom(紧跟在图片下方,顶部与图片底部对齐)
          alignment: 'center'             // 字符串类型:说明文字在水平线上的位置;默认:left
                                          //取值范围:
                                          //right(居右限时)
                                          //center(居中显示)
                                          //left(居左显示)                                  
      },
      indicator: {                        // JSON对象;指示器样式;不传则不显示指示器
          align: 'center',                // 字符串类型;指示器位置;默认:center
                                          //取值范围:
                                          //center(居中)
                                          //left(靠左)
                                          //right(靠右)
          color: '#FFFFFF',               // 指示器颜色 ,支持 rgb、rgba、#;默认:'#FFFFFF'
          activeColor: '#DA70D6'          // 当前指示器颜色,支持 rgb、rgba、#;默认:'#DA70D6'
      }
      }
      

results matching ""

    No results matching ""