AppCan文档中心-uexActionSheet
 
下载文档

uexActionSheet
更新时间:2016-04-08

1、简介

ActionSheet插件

1.1、说明

ActionSheet插件

1.2、UI展示

1.3、开源源码

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

2、API概览

2.1、方法

open 打开菜单

uexActionSheet.open(x,y,width,height,jsonData)

说明:

打开菜单,高度由内容决定。
点击item时会触发监听onClickItem

参数:

参数名称 参数类型 是否必选 说明
x Number x坐标
y Number y坐标(已失效,请传0)
width Number 宽度
height Number 高度(已失效,请传0)
jsonData String 按钮内容
  • 现在插件会自动在屏幕底部生成
  • 现在插件高度会根据按钮内容自动计算获取
  • jsonData是json字符串,结构如下:
    自定义图片资源,图片路径支持 wgt:// wgts:// res:// file:// 路径协议详见CONSTANT中PathTypes
  1. jsonData{
  2. actionSheet_style:{
  3. frameBgColor:,//背景色
  4. frameBroundColor:,//边框颜色
  5. frameBgImg:,//背景图
  6. btnSelectBgImg:,//一般按钮,被选中的背景图
  7. btnUnSelectBgImg:,//一般按钮,未被选中的背景图
  8. cancelBtnSelectBgImg:,//取消按钮,被选中的背景图
  9. cancelBtnUnSelectBgImg:,//取消按钮,未被选中的背景图
  10. textSize:,//文字字号
  11. textNColor,//一般按钮,未被选中状态下的文字颜色
  12. textHColor,//一般按钮,被选中状态下的文字颜色
  13. cancleTextNColor,//取消按钮,未被选中状态下的文字颜色
  14. cancleTextHColor,//取消按钮,被选中状态下的文字颜色
  15. actionSheetList:[//按钮数据数组
  16. {
  17. name://item名称
  18. }
  19. ]
  20. }
  21. }

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

3.0.0+

示例:

  1. var x = 0;
  2. var y = 0;//没有用
  3. var width = 0;//如果传0,默认是屏幕宽度
  4. var height = 0;//没用的高度
  5. var data={
  6. actionSheet_style:{
  7. frameBgColor:"#ffffff",//背景色
  8. frameBroundColor:"#ff0000",//边框颜色
  9. frameBgImg:"",//背景图
  10. btnSelectBgImg:"res://btn-act.png",//一般按钮被选中的背景图
  11. btnUnSelectBgImg:"res://btn.png",//一般按钮未被选中的背景图
  12. cancelBtnSelectBgImg:"res://cancel-act.png",//取消按钮 被选中的背景图
  13. cancelBtnUnSelectBgImg:"res://cancel.png",//取消按钮 未被选中的背景图
  14. textSize:"17",//文字字号
  15. textNColor:"#ffffff",//一般按钮,未被选中状态下的文字颜色
  16. textHColor:"#ffff00",//一般按钮,被选中状态下的文字颜色
  17. cancleTextNColor:"#ff00ff",//取消按钮,未被选中状态下的文字颜色
  18. cancleTextHColor:"#000ffff",//取消按钮,被选中状态下的文字颜色
  19. actionSheetList:[//按钮数据数组
  20. {
  21. name:"新浪微博"//item名称
  22. }
  23. {
  24. name:"腾讯微博"//item名称
  25. }
  26. {
  27. name:"分享"//item名称
  28. }
  29. ]
  30. }
  31. }
  32. var JsonData =JSON.stringify(data);
  33. uexActionSheet.open(x,y,width,height,JsonData);

2.2、监听方法

onClickItem 点击item的监听方法

uexActionSheet.onClickItem(index)

参数:

参数名称 参数类型 是否必选 说明
index Number 必选 索引

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexActionSheet.onClickItem = function(data){
  2. alert("onClickItem" + data);
  3. }

3、更新历史

iOS

API版本:uexActionSheet-3.0.7

最近更新时间:2015-12-26

历史发布版本 更新内容
3.0.7 .添加IDE支持
3.0.6 修正textNColor不能正常识别的bug
3.0.5 增加颜色边框
3.0.4 修复ActionSheet框和底部间存在间隙
3.0.3 解决uexActionSheet”取消”按钮字体正常与高亮颜色无法设置问题
3.0.2 解决字体颜色,高亮颜色无法设置的问题
3.0.1 修复uexActionSheet打不开问题
3.0.0 ActionSheet插件

Android

API版本:uexActionSheet-3.0.3

最近更新时间:2015-11-06

历史发布版本 更新内容
3.0.3 去掉插件中的ActivityGroup,配合引擎升级
3.0.2 修复背景图片太大时,列表太高的问题
3.0.1 修改设置的字体高亮颜色不生效的问题
3.0.0 ActionSheet插件