uexPopoverMenu查看3.0文档

1、简介

弹出框插件

1.1、说明

仿微信,创建一个弹出框插件,同时位置、背景颜色、字体颜色、字体大小等可以定制,具体见下面,同时可以对用户点击事件进行回调.

1.2、UI展示
1.3、开源源码

插件测试用例与源码下载:点击插件中心至插件详情页 (插件测试用例与插件源码已经提供)

1.4、平台版本支持

本插件的所有API默认支持Android4.0+iOS7.0+操作系统. 有特殊版本要求的API会在文档中额外说明.

1.5、接口有效性

本插件所有API默认在插件版本4.0.0+可用.
在后续版本中新添加的接口会在文档中额外说明.

2、API概览

2.1、方法
openPopoverMenu //仿微信,创建弹出框

uexPopoverMenu.openPopoverMenu(params)

说明:

仿微信,创建弹出框,弹出框的宽和高自适应

参数:

参数名称 参数类型 是否必选 说明
params String 布局显示相关的配置,形式见下:
var params = {
    "x": ,//必选,与direction有关,距屏幕左边缘(direction为0或2)或右边缘(direction为1或3)的距离,建议使用屏幕的比例,解决屏幕适配
    "y": ,//必选,与direction有关,距屏幕顶部(direction为0或1)或底部(direction为2或3)的距离,建议使用屏幕的比例,解决屏幕适配
    "direction": ,//必选,位置说明符
    "bgColor": ,//可选,背景颜色, 如果不传默认是 #393A3F
    "dividerColor": ,//可选,分割线颜色, 如果不传默认是 #191B1D
    "textColor": ,//可选,字体颜色,如果不传默认是 #FFFFFF
    "textSize": ,//必选,字体大小,建议使用屏幕的比例,解决屏幕适配,如:window.screen.width*0.042较为理想
    "data":[   //必选,用于展示的数据数组
              {
                  "icon": ,//可选,展示的图片路径
                  "text": //必选,展示的文字
              },
              {
                  "icon": ,//可选,展示的图片路径
                  "text":  //必选,展示的文字
              },
              {
                  "icon": ,//可选,展示的图片路径
                  "text":  //必选,展示的文字
                },
              {
                  "icon": ,//可选,展示的图片路径
                  "text":  //必选,展示的文字
              }
            ]
 }

参数说明: icon参数和text参数必须成对出现,或者不传icon参数,示例如下.

示例:

var params = {
    "x": window.screen.width*0.02,
    "y": window.screen.height*0.1,
    "direction":2,
    "bgColor":'#FFC125',
    "dividerColor":'#FFC125',
    "textColor":'#FFFFFF',
    "textSize":window.screen.width*0.042,
    "data":[
              {
                  "icon":'res://groupchat.png',
                  "text":'Group Chat'
              },
              {
                  "icon":'res://addcontacts.png',
                  "text":'Add Contacts'
              },
              {
                  "icon":'res://scanqrcode.png',
                  "text":'Scan QR code'
                },
              {
                  "icon":'res://feedback.png',
                  "text":'Feedback'
              }
            ]
}
uexPopoverMenu.openPopoverMenu(JSON.stringify(params));

或者

var params = {
    "x": window.screen.width*0.02,
    "y": window.screen.height*0.1,
    "direction":2,
    "bgColor":'#FFC125',
    "dividerColor":'#FFC125',
    "textColor":'#FFFFFF',
    "textSize":window.screen.width*0.042,
    "data":[
              {
                  "text":'Group Chat'
              },
              {
                  "text":'Add Contacts'
              },
              {
                  "text":'Scan QR code'
                },
              {
                  "text":'Feedback'
              }
            ]
}
uexPopoverMenu.openPopoverMenu(JSON.stringify(params));
2.2、监听方法
onItemClicked //点击按钮的监听方法

uexPopoverMenu.onItemClicked(index)

说明 点击按钮的监听方法

参数:

参数名称 参数类型 是否必选 说明
index Number 选中的行号,行号标识从0开始

示例:

uexPopoverMenu.onItemClicked = function(index){
     alert("onClick-" + index);
}

3、更新历史

iOS

API版本: uexPopoverMenu-4.0.0

最近更新时间:2016-9-1

历史发布版本 更新内容
4.0.0 4.0出新,支持function传入
Android

API版本: uexPopoverMenu-4.0.0

最近更新时间:2016-9-1

历史发布版本 更新内容
4.0.0 4.0出新,支持function传入
还需要帮助吗? 联系我们
最新更新 24th Nov 2016