uexActionSheet查看3.0文档

  • 1、简介
  • 2、API概览
  • 3、更新历史

    1、简介

    ActionSheet插件
    1.1、说明
    自定义ActionSheet原生UI界面,通过调用open接口传入资源文件,配置参数,使其效果更能满足应用的需求和ui设计

    本文的目的是为了开发能够更好更快地将API集成到自己的项目中,在使用前最好先使用好我们提供的demo并对照文档运行看看效果。
    这里可以【参考教程】下载AppCan IDE为开发者工具开发,然后集成到自己的项目上。

1.2、UI展示

1.3、开源源码

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

1.4、平台版本支持

本插件的所有API默认支持Android4.0+iOS7.0+操作系统.

有特殊版本要求的API会在文档中额外说明.

1.5、接口有效性

本插件所有API默认在插件版本4.0.0+可用.

在后续版本中新添加的接口会在文档中额外说明.

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
var jsonData = {
    actionSheet_style:{
        frameBgColor:,
        frameBroundColor:,
        frameBgImg:,
        btnSelectBgImg:,
        btnUnSelectBgImg:,
        cancelBtnSelectBgImg:,
        cancelBtnUnSelectBgImg:,
        textSize:,
        textNColor,
        textHColor,
        cancelTextNColor,
        cancelTextHColor,
        actionSheetList:[
            {
                name:
            }
        ]

    }
}

各字段含义如下:

字段名称 类型 是否必选 说明
actionSheet_style Object 菜单样式关键字
frameBgColor String 背景色
frameBroundColor String 边框颜色
frameBgImg String 背景图
btnSelectBgImg String 一般按钮,被选中的背景图
btnUnSelectBgImg String 一般按钮,未被选中的背景图
cancelBtnSelectBgImg String 取消按钮,被选中的背景图
cancelBtnUnSelectBgImg String 取消按钮,未被选中的背景图
textSize Number 文字字号
textNColor String 一般按钮,未被选中状态下的文字颜色
textHColor String 一般按钮,被选中状态下的文字颜色
cancelTextNColor String 取消按钮,未被选中状态下的文字颜色
cancelTextHColor String 取消按钮,被选中状态下的文字颜色
actionSheetList Array 菜单选项文字集合
name String 菜单项名称

示例:

var x = 0;

var y = 0;//没有用

var width = 0;//如果传0,默认是屏幕宽度

var height = 0;//没用的高度

var data={
    actionSheet_style:{
        frameBgColor:"#ffffff",//背景色    
        frameBroundColor:"#ff0000",//边框颜色
        frameBgImg:"",//背景图
        btnSelectBgImg:"res://btn-act.png",//一般按钮被选中的背景图
        btnUnSelectBgImg:"res://btn.png",//一般按钮未被选中的背景图
        cancelBtnSelectBgImg:"res://cancel-act.png",//取消按钮 被选中的背景图
        cancelBtnUnSelectBgImg:"res://cancel.png",//取消按钮 未被选中的背景图
        textSize:17,//文字字号
        textNColor:"#ffffff",//一般按钮,未被选中状态下的文字颜色
        textHColor:"#ffff00",//一般按钮,被选中状态下的文字颜色
        cancelTextNColor:"#ff00ff",//取消按钮,未被选中状态下的文字颜色
        cancelTextHColor:"#00ffff",//取消按钮,被选中状态下的文字颜色
        actionSheetList:[//按钮数据数组
            {
            name:"新浪微博"//item名称
            },
            {
            name:"腾讯微博"//item名称
            },
            {
            name:"分享"//item名称
            },
        ]

    }
} 
var JsonData =JSON.stringify(data);   
uexActionSheet.open(x,y,width,height,JsonData);
2.2、监听方法
onClickItem //点击item的监听方法

uexActionSheet.onClickItem(index)

说明: 点击item的监听方法

参数:

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

示例:

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

3、更新历史

iOS

API版本: uexActionSheet-4.0.0

最近更新时间:2016-6-24

历史发布版本 更新内容
Android

API版本: uexActionSheet-4.0.2

最近更新时间:2017-03-07

历史发布版本 更新内容
4.0.2 修复在ready里面打开高度不对的问题
4.0.1 1:去掉多余资源,解决编译错误
还需要帮助吗? 联系我们
最新更新 8th Jul 2021