下载文档

uexTabBarWithPopMenu
更新时间:2016-08-04

1、简介

底部菜单栏插件

1.1、说明

类似qq空间的底部导航菜单,生成一个应用底部导航菜单模块,开发者可自定义菜单各种样式

1.2、UI展示

1.3、自定义插件下载

插件测试用例与源码下载:点击 插件中心至插件详情页 (插件测试用例与插件源码已经提供)
(自定义beta版插件下载上传到我的插件勾选使用)

2、API概览

2.1、方法

open 打开菜单

uexTabBarWithPopMenu.open(json)

说明:

打开菜单

参数:

  1. var json = {
  2. statusColor:,//(可选) 底部tab选中指示条的颜色,默认"#EA7C24"
  3. tab:{//(必选) 底部tab菜单数据
  4. textSize:,//(可选) 字体大小,默认为10
  5. textNColor:,//(可选) 字体正常颜色,默认黑色
  6. textHColor:,//(可选) 字体高亮颜色,默认白色
  7. centerImg:,//(必选) tab菜单中间按钮图片
  8. bgColor:,//(可选) tab菜单背景色,默认白色
  9. data:[//(必选) tab菜单数组
  10. {
  11. title:,//(必选) 标题
  12. iconN:,//(必选) 图标正常图片
  13. iconH://(必选) 图标高亮图片
  14. }
  15. ...
  16. ]
  17. },
  18. popMenu:{//(必选) 弹出菜单数据
  19. textSize:,//(可选) 字体大小,默认为13
  20. textNColor:,//(可选) 字体正常颜色,默认黑色
  21. textHColor:,//(可选) 字体高亮颜色,默认白色
  22. bgColor:,//(可选) 弹出菜单的背景色,默认为透明背景色,可采用ARGB色彩模式即附加上Alpha(透明度)通道,对于 alpha,00 表示完全透明,ff 表示完全不透明,非00/ff为半透明。表达式顺序是“aabbggrr”如"#66ffffff"
  23. bottomDistance://(可选)弹出菜单距离底部的距离,默认300
  24. data:[//(必选) 弹出菜单项数组
  25. {
  26. title:,//(必选) 标题
  27. iconN:,//(必选) 图标正常图片
  28. iconH://(必选) 图标高亮图片
  29. }
  30. ...
  31. ]
  32. }
  33. }

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. var param1 = {
  2. statusColor:"#EA7C24",
  3. tab:{
  4. textSize:10,
  5. textNColor:"#ffffff",
  6. textHColor:"#EA7C24",
  7. centerImg:"res://plus2.png",
  8. bgColor:"#32394A",
  9. data:[
  10. {
  11. title:"动态",
  12. iconN:"res://tab1.png",
  13. iconH:"res://tab1_1.png"
  14. },
  15. {
  16. title:"与我相关",
  17. iconN:"res://tab2.png",
  18. iconH:"res://tab2_1.png"
  19. },
  20. {
  21. title:"我的空间",
  22. iconN:"res://tab3.png",
  23. iconH:"res://tab3_1.png"
  24. },
  25. {
  26. title:"玩吧",
  27. iconN:"res://tab4.png",
  28. iconH:"res://tab4_1.png"
  29. }
  30. ]
  31. },
  32. popMenu:{
  33. textSize:13,
  34. textNColor:"#000000",
  35. textHColor:"#dddddd",
  36. bgColor:"#66ffffff",
  37. bottomDistance:300,
  38. data:[
  39. {
  40. title: "联系人",
  41. iconN:"res://pop1.png",
  42. iconH:"res://pop1_1.png"
  43. },
  44. {
  45. title: "保存",
  46. iconN:"res://pop2.png",
  47. iconH:"res://pop2_1.png"
  48. },
  49. {
  50. title: "拍照",
  51. iconN:"res://pop3.png",
  52. iconH:"res://pop3_1.png"
  53. },
  54. {
  55. title: "打印文件",
  56. iconN:"res://pop4.png",
  57. iconH:"res://pop4_1.png"
  58. },
  59. {
  60. title: "定位",
  61. iconN:"res://pop5.png",
  62. iconH:"res://pop5_1.png"
  63. }
  64. ]
  65. }
  66. };
  67. var data1 = JSON.stringify(param1);
  68. uexTabBarWithPopMenu.open(data1);

close 关闭菜单

uexTabBarWithPopMenu.close()

说明:

关闭菜单

参数:

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. uexTabBarWithPopMenu.close();

setItemChecked 设置tab选中项

uexTabBarWithPopMenu.setItemChecked(json)

说明:

打开菜单

参数:

  1. var json = {
  2. index://(必选) tab菜单项索引
  3. }

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. var param1 = {
  2. index:1
  3. };
  4. var data1 = JSON.stringify(param1);
  5. uexTabBarWithPopMenu.setItemChecked(data1);

2.2、监听方法

onTabItemClick tab菜单项被点击的监听方法

uexTabBarWithPopMenu.onTabItemClick(param);

参数:

  • JSON 字符串,内部字段:
    1. var param = {
    2. index://(必选) 索引 默认分别从 0 开始计数
    3. }

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. uexTabBarWithPopMenu.onTabItemClick = function(data){
  2. alert("tabItemCallback:"+data);
  3. var obj = JSON.parse(data)
  4. alert(obj.index);
  5. }

onPopMenuItemClick 弹出菜单项被点击的监听方法

uexTabBarWithPopMenu.onPopMenuItemClick(json);

参数:

  • JSON 字符串,内部字段:
    1. var json = {
    2. index://(必选) 索引 默认分别从 0 开始计数
    3. }

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. uexTabBarWithPopMenu.onPopMenuItemClick = function(data){
  2. alert("PopMenuItemCallback:"+data);
  3. var obj = JSON.parse(data)
  4. alert(obj.index);
  5. }

3、更新历史

iOS

API版本:uexTabBarWithPopMenu-3.0.0

最近更新时间:2016-04-28

历史发布版本 更新内容
3.0.0 新增uexTabBarWithPopMenu插件

Android

API版本:uexTabBarWithPopMenu-3.0.0

最近更新时间:2016-04-28

历史发布版本 更新内容
3.0.0 新增uexTabBarWithPopMenu插件