设为首页 加入收藏

TOP

AppCan10个超实用的APP必备插件,让你少敲80%代码(一)
2017-10-11 15:24:53 】 浏览:897
Tags:AppCan10 实用 APP 必备 插件 80% 代码

 一个APP的需求来自于哪儿?产品、老板、客户….. 做程序员不容易,需求一句话,就是几千几万行代码!所幸,在AppCan平台开发APP,开发者只需完成应用的前端部分,至于各项复杂的功能,就交给AppCan来搞定吧!

这里列出AppCan10个新增的精品插件,IM、界面布局、视频、图片编辑等等,开发者简单调用插件接口,就可以轻松为应用接入丰富功能,非常实用。

1.uexNBListView

自定义布局列表插件:封装了自定义布局的功能,开发者可通过该插件实现原生布局。

插件效果图:

方法说明:

setItems 设置列表数据

setRefreshStatusCompleted 设置刷新完成状态

onPullRefreshHeader 下拉刷新的监听方法

onPullRefreshFooter 上拉刷新的监听方法

XXX 自定义布局内的元素被点击的监听方法
….

设置刷新完成状态示例:

var params = {

    listViewId:0

};

var data = JSON.stringify(params);

uexNBListView.setRefreshStatusCompleted(data);

 

2. uexTabBarWithPopMenu

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

插件效果图:

方法说明:

setItemChecked 设置tab选中项

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

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

….

设置tab选中项示例:

var param1 = {

        index:1

    };

    var data1 = JSON.stringify(param1);

uexTabBarWithPopMenu.setItemChecked(data1);

 

3. uexWheelPickView

通用选择器:该插件是三级联动结构,支持数据源自定义和默认选中数据源。

插件效果图:

方法说明:

open 打开选择器

close 关闭选择器

onConfirmClick 对确认按钮的监听方法

….

监听确认按钮示例:

window.uexOnload = function() {

   uexWheelPickView.onConfirmClick = function(result){

             alert(result);

   }

 }

 

4. uexALiBaiChuan

阿里百川插件:封装了阿里百川的基础功能:手淘授权登陆、退出登陆、获取登录者的信息、打开购物车、打开我的订单、通过itemid打开宝贝详情等。

插件效果图:

方法说明:

getUserInfo 获取用户信息

openMyCart 打开购物车

openMyOrdersPage 打开订单列表

openItemDetailPageById 打开商品真实ID对应的详情页面

openItemDetailPageByURL 通过URL打开指定商品页面

….

通过URL打开指定商品页面示例:

var params = {

          url : "https://detail.tmall.com/item.htm?id=528887107325",

          mmpid : "mm_175878368_0_0"

        };

uexALiBaiChuan.openItemDetailPageByURL(JSON.stringify(params));

 

5. uexQupai

趣拍短视频插件:封装了趣拍精简版功能, 支持自定义视屏尺寸,码率,美颜效果等。

插件效果图:

方法说明:

getUserInfo 获取用户信息

openMyCart 打开购物车

openMyOrdersPage 打开订单列表

openItemDetailPageById 打开商品真实ID对应的详情页面

openItemDetailPageByURL 通过URL打开指定商品页面

….

通过URL打开指定商品页面示例:

var params = {

          url : "https://detail.tmall.com/item.htm?id=528887107325",

          mmpid : "mm_175878368_0_0"

        };

uexALiBaiChuan.openItemDetailPageByURL(JSON.stringify(params));

 

6. uexMobSMS

Mob短信验证插件:封装Mob短信验证相关操作

插件效果图:

方法说明:

sendCode 发送短信验证码到手机

commitCode 提交短信验证码

cbSendClick 获取验证码的回调方法

cbCommitClick 提交验证码的回调方法

….

发送短信验证码示例:

var params = {

       "phoneNum": "11538617903",

       "countryCode": "86"

 };

uexMobSMS.sendCode(JSON.stringify(params));

 

7. uexNIM

网易云信插件: 本插件基于NIM(网易云信)API封装,用户可以使用本插件实现基本的即时通讯功能,包括聊天室、单聊、群聊、音视频通话。

插件效果图:

方法说明:

onMultiLoginClientsChanged(param) 多端登录监听

sendLocationMsg(param

首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇BroadCastRecieve 下一篇FineReport如何手动推送APP消息

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目