uexTabIndicatorView

1、简介

导航菜单指示器插件

1.1、说明

该插件需要与容器配合使用

插件集成使用说明:(已集成到平台公共插件,直接勾选打包)

1.2、UI展示

uexTabIndicatorView

1.3、开源源码

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

4.0插件测试用例:点击下载

1.4、平台版本支持

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

1.5、接口有效性

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

2、API概览

2.1、方法
open //打开指示器插件

uexTabIndicatorView.open(params)

说明:

通过此方法打开导航指示器视图

参数:

参数名称 参数类型 是否必选 说明
params String 接口所需数据,形式见下:
var params ={
    x:,
    y:,
    w:,
    h:,
    bgColor:,
    dividerColor:,
      indicatorColor:,
    bindMode:,
      multiPopName:,
      containerId:
}

各字段含义如下:

参数名称 参数类型 是否必选 说明
x Number 距离屏幕左边距离,默认为0
y Number 距离屏幕顶部距离,默认为0
w Number
h Number
bgColor String 整个view 的背景色
dividerColor String 每两个tab之间的间隔线的颜色
indicatorColor String 滚动指示器的颜色
containerId String 容器ID (bindMode为0时需要传)
multiPopName String multiPop 的name (bindMode为1时需要传)
bindMode int 绑定模式 0:与容器绑定,1:与multiPop绑定,默认为0
titles Array 顶部titles,String类型数组

示例:

与容器绑定:

var containerId="123";                       
uexWindow.createPluginViewContainer({        
    id:containerId,                          
    x:0,                                     
    y:500,                                   
    w:1080,                                  
    h:1920,                                  
    titles:["头条","精选","轻松一刻","娱乐","热点","体育"] 
});                                          
uexXXXX.xxx(containerId);//在容器上添加相关插件       
var param = {                                
   x:0,                                      
   y:150,                                    
   w:1080,                                   
   h:150,                                    
   textColor:"#F44336",                      
   bgColor:"#FFFFFF",                        
   dividerColor:"#D32F2F",                   
   indicatorColor:"#D32F2F",                 
   containerId:containerId                   
};                                           
uexTabIndicatorView.open(param);

与MultiPopover绑定:

var top=1000;
var tabHeight=150;
var params ={
    content: [
              {
              inPageName:"p1",
              inUrl:"http://www.baidu.com",
              inData:""
              },
              {
              inPageName:"p2",
              inUrl:"https://www.taobao.com/",
              inData:""
              }
              ]
};

var paramStr = JSON.stringify(params);
uexWindow.openMultiPopover(paramStr,"multipop",0,0,top+tabHeight,1080,500,'',0,0);
uexWindow.setSelectedPopOverInMultiWindow("multipop", 1);
var param = {
        x:0,
        y:top,
        w:1080,
        h:tabHeight,
        textColor:"#F44336",
        bgColor:"#FFFFFF",
        multiPopName:"multipop",
        bindMode:1,
        dividerColor:"#D32F2F",
        indicatorColor:"#D32F2F",
        titles:["baidu","taobao"]
};
uexTabIndicatorView.open(param);
setVisible //设置隐藏或显示

uexTabIndicatorView.setVisible(params);

说明:

通过此方法隐藏和显示View.

参数:

params 为0或1 ,0为隐藏,1为显示

示例:

uexTabIndicatorView.setVisible(1);
close //关闭

uexTabIndicatorView.close();

说明:

通过此方法关闭View.

参数:

示例:

uexTabIndicatorView.close();

3、更新历史

iOS

API版本: uexTabIndicatorView-4.0.0

最近更新时间:2016-10-12

历史发布版本 更新内容
Android

API版本: uexTabIndicatorView-4.0.0

最近更新时间:2016-7-27

历史发布版本 更新内容
还需要帮助吗? 联系我们
最新更新 30th Nov 2016