dropDownMenu

论坛示例

为帮助用户更好更快的使用插件,论坛维护了一个示例,示例中包含示例代码供您参考。

概述

dropDownMenu实现了用原生代码实现筛选菜单展示效果。

插件效果图

描述

固件要求

Android:4.0及以上 iOS:7.0及以上

openMenu

打开菜单

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

params

rect:

  • 类型:JSON 对象
  • 描述:(必填项)插件的位置及尺寸
  • 备注:iOS,Android 必须传此参数。
  • 内部字段:
{
    x: 0,   //(必填项)数字类型;插件左上角的 x 坐标(相对于所属的 Window 或 Frame);默认值:0
    y: 0,   //(必填项)数字类型;插件左上角的 y 坐标(相对于所属的 Window 或 Frame);默认值:0
    w: api.frameWidth  //(必填项)数字类型;插件的宽度;默认值:所属的 Window 或 Frame 的宽度
}

fixedOn:

  • 类型:字符串
  • 描述:(可选项)插件所属 Frame 的名字,若不传则插件归属于当前 Window

fixed:

  • 类型:布尔型
  • 描述:(可选项)插件是否随所属 Window 或 Frame 滚动
  • 默认值:true(不随之滚动)

data:

  • 类型: 数组对象
  • 描述:(必填项)插件九宫格按钮图标和名称
  • 内部字段:
[{
    title: '',   //(必填项)字符串;一级菜单名称
    item: [],   //(必填项)字符串数组;二级菜单名称
},{
    title: '',   //(必填项)字符串;一级菜单名称
    item: [],   //(必填项)字符串数组;二级菜单名称
}]

textUnselectedColor:

  • 类型:布尔型
  • 描述:(可选项)设置默认字体颜色代码
  • 默认值:#111111

textSelectedColor:

  • 类型:字符串
  • 描述:(可选项)设置选中字体颜色代码
  • 默认值:#7B1FA2

dropDownCheckedColor:

  • 类型:字符串
  • 描述:(可选项)设置列表选中后右侧颜色代码(仅iOS有效)
  • 默认值:#7B1FA2

dropDownChecked:

  • 类型:字符串
  • 描述:(可选项)设置列表选中后右侧图标资源路径(支持fs:// widget://)(仅Android有效)

dropDownSelectedIcon:

  • 类型:字符串
  • 描述:(可选项)设置顶部列表选中后图标资源路径(支持fs:// widget://)

dropDownUnselectedIcon:

  • 类型:字符串
  • 描述:(可选项)设置顶部列表未选中图标资源路径(支持fs:// widget://)

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true,      //布尔型;true||false
    evenType: 'open',   //打开类型;open|click
    title : '',		   //一级菜单名称
    value : '',		   //二级菜单名称
    height : 40        //菜单栏高度
}

err:

  • 类型:JSON 对象
  • 内部字段:
{
    msg : '' //错误信息内容
}

示例代码

var demo = api.require('dropDownMenu');
demo.openMenu({
    rect : {
        x : 0,
        y : 0,
        w : api.frameWidth
     },
     data : [
        {
            title : '地区',
            item : ["不限", "武汉", "北京", "上海", "成都", "广州", "深圳", "重庆", "天津", "西安", "南京", "杭州"]
        },{
            title : '年龄',
            item : ["不限", "18岁以下", "18-22岁", "23-26岁", "27-35岁", "35岁以上"]
        },{
            title : '性别',
            item : ["不限", "男", "女"]
        }
    ],
    textUnselectedColor : '#333',
    textSelectedColor : '#03a9f4',
    dropDownCheckedColor : '#03a9f4',
    dropDownChecked : 'widget://image/drop_down_checked.png',
    dropDownSelectedIcon : 'widget://image/refresh1.png',
    dropDownUnselectedIcon : 'widget://image/icon_default@2x.png',
    fixedOn : api.frameName,
    fixed : true
},function(ret, err) {
    api.alert({msg: JSON.stringify(ret)});
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

hideMenu

隐藏菜单

hideMenu(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

err:

  • 类型:JSON 对象
  • 内部字段:
{
    msg : '' //错误信息内容
}

示例代码

var demo = api.require('dropDownMenu');
demo.hideMenu(function(ret, err) {
    api.alert({msg: JSON.stringify(ret)});
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

showMenu

显示菜单

hideMenu(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

err:

  • 类型:JSON 对象
  • 内部字段:
{
    msg : '' //错误信息内容
}

示例代码

var demo = api.require('dropDownMenu');
demo.showMenu(function(ret, err) {
    api.alert({msg: JSON.stringify(ret)});
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

closeMenu

关闭菜单

closeMenu(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

err:

  • 类型:JSON 对象
  • 内部字段:
{
    msg : '' //错误信息内容
}

示例代码

var demo = api.require('dropDownMenu');
demo.closeMenu(function(ret, err) {
    api.alert({msg: JSON.stringify(ret)});
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

是否仍需要帮助? 请保持联络!
最后更新于 2024/10/10