imageShower


此插件是进行网络图片显示,通过设置图片显示的位置及大小,设置要展示的图片数据,还可以进行图片标题的设置,然后通过打开窗口即可进行网络图片的查看了,图片支持双击放大、缩小及双指放大、缩小。

得到imageShowerd对象

  var imageShower = rd.require("imageShower");

方法:

  • setFrame : 设置imageShower的位置大小
  • setImages : 设置imageShower图片数据
  • setTitle : 设置imageShower的图片标题
  • show : 打开imageShower窗口
  • remove : 移除imageShower窗口,释放相应的资源
  • hide : 隐藏imageShower窗口
  • isShowing : 当前imageShower是否显示

对象:

  • Rect : JSON对象 imageShower的frame参数

回调方法:

setFrame


设置imageShower的位置大小

imageShower.setFrame(rect);
说明:

参数:
  • rect: ( Rect ) 必选 frame,如果width为0,延伸到屏幕右边,如果height为0,延伸到屏幕下面
返回值:

无返回值

示例:
var imageShower = rd.require("imageShower");
imageShower.setFrame({x:0,y:0,width:320,height:300});

setImages


设置数据

imageShower.setImages(images,currentImageCallBack);
说明:

设置imageShower数据

参数:
  • images: ( JSON ) 必选 要显示的图片的网址组成的数组
  • currentImageCallBack:( currentImageIndexCallBack ) 必选 当前显示的图片在图片数组中的位置
返回值:

无返回值

示例:
var images =["http://f.hiphotos.baidu.com/image/pic/item/ac4bd11373f08202f7fce43e49fbfbedab641b40.jpg",
 "http://h.hiphotos.baidu.com/image/pic/item/71cf3bc79f3df8dc46729390cf11728b47102867.jpg", "http://a.hiphotos.baidu.com/image/pic/item/ac6eddc451da81cbb93fe1c45066d016082431d9.jpg",
 "http://g.hiphotos.baidu.com/image/pic/item/7aec54e736d12f2ebf82e1674dc2d56285356835.jpg"];

imageShower.setImages(images, function currentImageIndexCallBack(index){
    alert(index);
});

setTitle


设置imageShower的图片标题

imageShower.setTitle(title);
说明:

设置imageShower的图片标题(可以在打开图片前设置,也可打开图片后再次设置图片标题)

参数:
  • title: ( String ) 可选 要显示的图片的标题,无此参数时,默认以多个圆点显示当前所展示的图片
返回值:

无返回值

示例:
var title = "此处是图片的标题";

imageShower.setTitle(title);

show


打开imageShower窗口。

imageShower.show();
说明:

打开imageShower窗口,若imageShower处于隐藏状态在执行该方法后显示imageShower。

参数:

返回值:

无返回值

示例:
imageShower.show();

remove


移除imageShower窗口,释放相应的资源。

imageShower.remove();
说明:

移除imageShower窗口,释放相应的资源。

参数:

返回值:

无返回值

示例:
imageShower.remove();

hide


隐藏imageShower窗口。

imageShower.hide();
说明:

隐藏imageShower窗口。

参数:

返回值:

无返回值

示例:
imageShower.hide();

isShowing


imageShower是否是显示状态。

var showing = imageShower.isShowing();
说明:

imageShower是否是显示状态。

参数:

返回值:
  • showing: ( Boolean ) 当前imageShower是否显示(true为显示,false为未显示)
示例:
var showing = imageShower.isShowing();

Rect


JSON对象,frame参数

Rect 
{
    property Number x;
    property Number y;
    property Number width;
    property Number height;
}
说明:

坐标系统,左上角为(0,0),位于第四象限

属性:
  • x: ( Number ) x轴开始坐标
  • y: ( Number ) y轴开始坐标
  • width: ( Number ) 如果width为0,延伸到屏幕右边
  • height: ( Number ) 如果height为0,延伸到屏幕下面

currentImageIndexCallBack


当前显示的图片的回调方法

function currentImageIndexCallBack(index){
    alert(index);
}
参数:
  • index:( Number ) 必选 当前显示的图片在图片数组中的位置(从数字0开始)
返回值:

无返回值

示例:
function currentImageIndexCallBack(index){
    alert(index);
}