10个超实用的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

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

插件效果图:

方法说明:

init 初始化趣拍

config 初始化拍摄的相关参数

record 打开视频录制界面

cbInit 初始化的回调方法

cbRecord 录制完成的回调方法

….

初始化拍摄示例:

var params={

maxDuration:10  //视频录制最大时间

}

uexQupai.config(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)//发送地理位置信息

fetchMessageHistory(param) 云端记录

playAudio(param) 播放音频

createTeam(param) 创建群组

requestFriend(param) 好友请求

….

发送地理位置信息示例:

var param = {

sessionId:,//单聊时聊天人的userid, 群聊时groupid, 聊天室的id

sessionType:,//0-单聊,1-群聊, 2- 聊天室

title:,//位置的地址名

latitude:,

longitude:,

ext://扩展字段, Object类型

};


8. uexCamera360

图片编辑插件:该插件封装了Camera360开放SDK编辑图片的功能。

插件效果图:

方法说明:

edit 编辑图片

setAPIKey 设置APIKey

cbEdit 编辑图片的回调方法

编辑图片示例:

var params = {

id:2,

imgSrcPath:"",//要编辑的图片源地址,不传或传空时,打开系统图库

isSaveToGallery:false,//编辑后的图片是否保存到相册

imgSavePath:"wgt://"//编辑后的图片存储路径

};

var data = JSON.stringify(params);

uexCamera360.edit(data);


9. uexDiDiTravel

滴滴出行插件:主要封装了滴滴出行SDK提供的API接口,实现对滴滴出行多种业务线(出、专、快、代)服务的调用。

插件效果图:

方法说明:

callDDApi 调用滴滴开放API

getTicket 获取滴滴API的Ticket信息

cbGetEstimateTime 获取预估时间的回调方法

cbGetEstimatePrice 获取预估费用的回调方法

cbGetCurrentOrderStatus 获取当前进行中的订单状态的回调方法

….

获取预估费用示例:

function cbGetEstimatePrice (opId,dataType,data) {

alert(data);

}

window.uexOnload = function(){

uexDiDiTravel.cbGetEstimatePrice= cbGetEstimatePrice;

}


10. uexXunfei

讯飞语音: 封装了科大讯飞语音识别和语音合成的相关功能。

方法说明:

startSpeaking 开始语音合成

stopSpeaking 停止语音合成

pauseSpeaking 暂停语音合成

resumeSpeaking 继续语音合成

cbInit 初始化完成的回调方法

….

初始化完成回调示例:

function cbInit(info){

alert(’cbInit: ’+info);

}

除上述插件外,AppCan插件中心还有很多丰富插件供各位开发者使用,大家可以登录http://plugin.appcan.cn/,查看更多精彩内容。

时间: 2024-08-04 11:48:34

10个超实用的APP必备插件,让你少敲80%代码的相关文章

AppCan10个超实用的APP必备插件,让你少敲80%代码

一个APP的需求来自于哪儿?产品.老板.客户….. 做程序员不容易,需求一句话,就是几千几万行代码!所幸,在AppCan平台开发APP,开发者只需完成应用的前端部分,至于各项复杂的功能,就交给AppCan来搞定吧! 这里列出AppCan10个新增的精品插件,IM.界面布局.视频.图片编辑等等,开发者简单调用插件接口,就可以轻松为应用接入丰富功能,非常实用. 1.uexNBListView 自定义布局列表插件:封装了自定义布局的功能,开发者可通过该插件实现原生布局. 插件效果图: 方法说明: se

身份证识别,手机银行APP必备插件

手机银行APP(Mobile Banking Service)也可称为移动银行APP,是利用移动通信网络及终端办理相关银行业务的简称.作为一种结合了货币电子化与移动通信的崭新服务,手机银行APP业务不仅可以使人们在任何时间.任何地点处理多种金融业务,而且极大地丰富了银行服务的内涵,使银行能以便利.高效而又较为安全的方式为客户提供传统和创新的服务.但是这种手机银行APP需要手动录入用户身份证件等信息,而手动录入信息很容易出错,所以,如果能集成身份证识别OCR技术,那就大大的提升了用户的体验效果.

Visual Studio2015 Community一些必备插件

Visual Studio2015 Community一些必备插件 是不是感觉虽然VS2015的代码编辑能力已经很强大了,但是总感觉差了那么一些呢?不用担心,它有很多非常强大的插件,能够让你打代码事半功倍! 选择工具->扩展和更新,就可以添加控件啦! 另外在工具->选项->环境的子菜单下调整一下字体颜色和大小什么的,能够很好的美化代码呢! ReSharper C++ 各种语言版本的代码重构,代码风格,代码修正功能,非常强大,可惜不是免费的,不过好在可以破解呢. Add New File

magento的必备插件(转)

标签: 插件 magento magento插件 必备插件 Magento插件 ,插件,我要常见Magento必备插件 .. 都是免费的Magento插件,多而杂,乡亲们自己挑~~ [因收集而强大 >_< 因分享而伟大] 亲,有好的插件要留言哦,我会持续更新~ Magento语言包 :French:magento-community/Locale_Mage_community_fr_FRGerman:magento-community/Locale_Mage_community_de_DESp

前端工程师养成记:开发环境搭建(Sublime Text必备插件推荐)

为了让自己更像一个前端工程师,决定从开发环境开始武装自己.本文将介绍前段工程师开发的一些利器的安装步骤,主要包括了: 1.Node.js的安装 2.Grunt的安装及常用插件 3.Sublime Text的安装及必备插件 一.Node.js的安装 Node.js就是一堆前端工程师捧红的,所以装上这个嘛,主要不是自己需要使用Node.js而是一堆工具对他的依赖. Windows下安装步骤很简单: 1.去到http://nodejs.org/下载最新的安装包,安装. 2.在CMD下运行,node和n

前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)

为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 3.Sublime Text的安装及必备插件 一.Node.js的安装 Node.js就是一堆前端project师捧红的,所以装上这个嘛,主要不是自己须要使用Node.js而是一堆工具对他的依赖. Windows下安装步骤非常easy: 1.去到http://nodejs.org/下载最新的安装包

Android-androidstudio懒惰开发-必备插件

现在Android的开发者基本上都使用Android Studio进行开发(如果你还在使用eclipse那也行,毕竟你乐意怎么样都行).使用好Android Studio插件能大量的减少我们的工作量. 1.GsonFormat 快速将json字符串转换成一个Java Bean,免去我们根据json字符串手写对应Java Bean的过程. 使用方法:快捷键Alt+S也可以使用Alt+Insert选择GsonFormat 2.Android ButterKnife Zelezny 配合ButterK

强力推荐:Atom入坑必备插件

强力推荐:Atom入坑必备插件 Atom作为Javascript/CSS/HTML等前端编辑器利器,其强大功能依靠各种插件,以下是笔者在入坑阶段,精挑细选总结出的必不可少的插件,熟悉运用这些插件,一定成吨提高生产效率.安装这些插件只需要在Atom的File ->setting ->install中输入插件名称查到后即可安装: 1.Sync Settings 搭配github,同步你的atom插件信息,配置信息,让你轻松实现一台电脑配置,多台电脑共享. 2.Emmet 能够基于Emmet语法产生

iOS 用CocoaPods做iOS程序的依赖管理(基于Alcatraz),以及升级Mac 10.11后Xcode的CocoaPods插件报错

创建Podfile文件 1.点击红框, Creat Podfile 2.接着弹出Podfile文件 3.Edit Profile, 下面以添加融云SDK为例: 融云SDK Podfile文件添加如下内容: Podfile Edited 1 也可以这样编辑: 屏幕快照 2015-10-27 上午9.04.47.png "7.0"表示引入的第三方库所支持的最低版本 target "CocoaPodsDemo"是你的目标应用项目 do ... end 是你的作用域 Ins