uexButton查看3.0文档

1、简介

Button插件

1.1、说明

创建一个Button,同时AppCan jssdk通过配合的样式和JS对象appcan.button,使开发者在界面中可以快速引用、定位按钮控件,并可以快速的完成按键事件的监听和控制.按钮支持Font awesome字图图标,可直接使用.

1.2、UI展示

1.3、开源源码

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

1.4、平台版本支持

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

1.5、接口有效性

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

2、API概览

2.1、方法
create //创建按钮

var btnObj = uexButton.create(param)

说明:

创建按钮,同步返回

参数:

参数名称 参数类型 是否必选 说明
param Object 对象信息
var param = {
       x: ,
       y: ,
       width: ,
       height: ,
       data:{
           title: ,
           titleColor: ,
           bgImage: ,
           textSize: ,
           isAlwaysInFront:
       }
   }

各字段含义如下:

字段名称 类型 是否必选 说明
x Number x坐标
y Number y坐标
width Number
height Number
data Object 按钮数据
title String 按钮内容
titleColor String 按钮内容颜色
textSize String 按钮内容字号
bgImage String 按钮背景图的路径,支持 wgt:// wgts:// res:// file:// 路径协议详见CONSTANT中PathTypes
isAlwaysInFront boolean 是否置顶(显示在屏幕最上层)

返回值:

创建成功返回button对象,失败返回null.

示例:

var param = {
        x:0,
        y:300,
        width:200,
        height:90,
        data:{
           title:"AppCan",
           titleColor:"#111111",
           bgImage:"res://btn.png",
           textSize:"18.789"
        }
    }
   var btnOjb =  uexButton.create(param);
close //移除按钮

uexButton.close(btnOjb)

说明:

移除按钮

参数:

参数名称 参数类型 是否必选 说明
btnOjb Object create方法返回的button对象

示例:

var btnObj = uexButton.create(param);
uexButton.close(btnObj);
2.2、监听方法
onClick //点击按钮的监听方法

uexButton.onClick(button)

说明: 点击按钮的监听方法

参数:

参数名称 参数类型 是否必选 说明
button Object create方法返回的button对象

示例:

uexButton.onClick = function(button){
     alert("onClick-" + button);
}

3、更新历史

iOS

API版本: uexButton-4.0.0

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

历史发布版本 更新内容
Android

API版本: uexButton-4.0.0

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

历史发布版本 更新内容
还需要帮助吗? 联系我们
最新更新 8th Jul 2021