imageDragSort

Method

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个示例，示例中包含示例代码、知识点讲解、注意事项等，供您参考。

概述

imageDragSort 封装了一个图片拖拽排序的功能。本模块类似open一个frame，开发者可指定其所依附的窗口（通过fixedOn参数）。开发者只需要传入图片资源，就可以长按图片就可以触发编辑状态，拖动图片进行排序，也可以在长按的过程中删掉图片。传入的图片资源，可以从其他相册相关的模块中获取。

注意：在 iOS 平台上通过 UIMediaScanner 、UIAlbumBrowser 模块从手机相册获取的图片路径，需调用 transPath 接口转换，然后传给本模块，本模块可通过路径从手机相册获取指定图片。此时，云编译时需要勾选相册访问权限。

open

打开

open({params}, callback(ret, err))

rect：

类型：JSON 类型
描述：（可选项）模块的位置及尺寸
内部字段：

styles：

类型：JSON 类型
描述：（可选项）模块各部分的样式
内部字段：


    mark: {                             //（可选项）JSON对象；长按后显示，删除图标的样式
        icon: '',                       //（可选项）字符串类型；图标路径（本地路径，支持fs://、widget://）；默认：删除图标
        size: 20                        //（可选项）数字类型；图标的大小；默认：显示的缩略图的宽度的三分之一
    layout: {
        column:3 ,                       // (可选项)数字类型，图片有几列；默认:3
        margin:15,                       // (可选项)数字类型，图片上下左右间距；默认：15
    }
}

imgArray：

类型：数组类型
描述：所有图片路径组成的数组,图片路径是本地路径,支持fs://、widget://

fixedOn：

类型：字符串类型
描述：（可选项）模块视图添加到指定 frame 的名字（只指 frame，传 window 无效）
默认：模块依附于当前 window

fixed:

类型：布尔类型
描述：（可选项）是否将模块视图固定到窗口上，不跟随窗口上下滚动
默认：false

callback(ret, err)

ret：

类型：JSON 对象内部字段：

{
    status:true,                   // 显示成功
    eventType: 'enterEditMode'     // 字符串类型；该参数仅会在长按进入编辑模式时触发回调
}

示例代码

var imageDragSort = api.require('imageDragSort');
imageDragSort.open({
    rect: {
        x: 0,
        y: 0,
        w: 300,
        h: 600
    },
          mark: {                            
            icon: '',                       
            size: 20                       
         },
         layout: {
            column:3 ,                            
            margin:15,                         
            }
    },
    imgArray:["","",""],
    fixedOn: api.frameName,
}, function(ret, err) {
    if (ret) {
        alert(JSON.stringify(ret));
    } else {
        alert(JSON.stringify(err));
    }
});

可用性

可提供的1.0.0及更高版本

addImage

再次添加图片

addImage({params}, callback(ret, err))

params

imgArray：

类型：数组类型
描述：所有图片路径组成的数组,图片路径是本地路径,支持fs://、widget://(所有图片的数量不要超过30张)

callback(ret, err)

ret：

类型：JSON 对象内部字段：

var imageDragSort = api.require('imageDragSort');
imageDragSort.addImage({
    imgArray:["","",""],
}, function(ret, err) {
    if (ret) {
        alert(JSON.stringify(ret));
    } else {
        alert(JSON.stringify(err));
    }
});

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

startEdit

开始编辑

startEdit()

示例代码

var imageDragSort = api.require('imageDragSort');
imageDragSort.startEdit();

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

close

关闭

close()

示例代码

var imageDragSort = api.require('imageDragSort');
imageDragSort.close();

可提供的1.0.0及更高版本

show

显示

show(callback(ret, err))

示例代码

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

hide

隐藏

hide()

示例代码

var imageDragSort = api.require('imageDragSort');
imageDragSort.hide();

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

cancleEditState

取消编辑状态

cancleEditState(callback(ret, err))

callback(ret, err)

ret：

类型：JSON 对象内部字段：

{
    imgArray:["","",""]                //排序后的图片数组
}

示例代码

var imageDragSort = api.require('imageDragSort');
imageDragSort.cancleEditState(
function(ret,err){
    if (ret) {
        alert(JSON.stringify(ret));
    } else {
        alert(JSON.stringify(err));

iOS系统，Android系统

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个，示例中包含示例代码、知识点讲解、注意事项等，供您参考。