您需要登录后才可以操作登录 | 立即注册
关闭
楼主
AppCan_小助
  • TA的每日心情
    开心
    2016-10-10 11:07
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]常住居民II

    [干货分享] APP必备丨10个超实用的AppCan插件,让你少敲80%代码!   [复制链接]

    11930 27 发表于 2016-7-29 11:08:23

    本帖最后由 AppCan_小助 于 2016-8-3 14:59 编辑

    一个APP的需求来自于哪儿?产品、老板、客户….. 做程序员不容易,需求一句话,就是几千几万行代码!

    跳.jpg

    所幸,在AppCan平台开发APP,开发者完成应用的前端部分,至于各项复杂的功能,就交给AppCan来搞定吧!这里列出10个新增的AppCan插件,IM、界面布局、视频、图片编辑等等,开发者简单调用插件接口,就可以轻松为应用接入丰富功能,非常实用。

    1.uexNBListView
    自定义布局列表插件:页面布局随心所欲,开发者可通过该插件实现原生布局。【查看详情

    插件效果图:

    a.png

    方法说明:
    1. setItems 设置列表数据
    2. setRefreshStatusCompleted 设置刷新完成状态
    3. onPullRefreshHeader 下拉刷新的监听方法
    4. onPullRefreshFooter 上拉刷新的监听方法
    5. x x x   自定义布局内的元素被点击的监听方法
    6. ….
    复制代码

    设置刷新完成状态示例:
    1. var params = {
    2.     listViewId:0
    3. };
    4. var data = JSON.stringify(params);
    5. uexNBListView.setRefreshStatusCompleted(data);
    复制代码

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

    插件效果图:

    b.png

    方法说明:
    1. setItemChecked 设置tab选中项
    2. onTabItemClick tab菜单项被点击的监听方法
    3. onPopMenuItemClick 弹出菜单项被点击的监听方法
    4. ….
    复制代码

    设置tab选中项示例:
    1. var param1 = {
    2.         index:1
    3.     };
    4.     var data1 = JSON.stringify(param1);
    5. uexTabBarWithPopMenu.setItemChecked(data1);
    复制代码

    3. uexWheelPickView
    通用选择器:开发者可以随意更换数据源:时间、地区、分类等。【查看详情

    插件效果图:

    c.png

    方法说明:
    1. open 打开选择器
    2. close 关闭选择器
    3. onConfirmClick 对确认按钮的监听方法
    4. ….
    复制代码

    监听确认按钮示例:
    1. window.uexOnload = function() {
    2.    uexWheelPickView.onConfirmClick = function(result){
    3.              alert(result);
    4.    }
    5. }
    复制代码

    4. uexALiBaiChuan
    阿里百川插件:把淘宝装进你的APP,封装了阿里百川的基础功能:淘宝授权登陆、退出登陆、获取登录者的信息、打开购物车、打开我的订单、通过itemid打开宝贝详情等。【查看详情

    插件效果图:

    e.png

    方法说明:
    1. getUserInfo 获取用户信息
    2. openMyCart 打开购物车
    3. openMyOrdersPage 打开订单列表
    4. openItemDetailPageById 打开商品真实ID对应的详情页面
    5. openItemDetailPageByURL 通过URL打开指定商品页面
    6. ….
    复制代码

    通过URL打开指定商品页面示例:
    1. var params = {
    2.           url : "https://detail.tmall.com/item.htm?id=528887107325",
    3.           mmpid : "mm_175878368_0_0"
    4.         };
    5. uexALiBaiChuan.openItemDetailPageByURL(JSON.stringify(params));
    复制代码

    5. uexQupai
    趣拍短视频插件:视频版美图秀秀,封装了趣拍精简版功能, 支持自定义视屏尺寸,码率,美颜效果等。【查看详情

    插件效果图:

    h.png

    方法说明:
    1. init 初始化趣拍
    2. config 初始化拍摄的相关参数
    3. record 打开视频录制界面
    4. cbInit 初始化的回调方法
    5. cbRecord 录制完成的回调方法
    6. ….
    复制代码

    初始化拍摄示例:
    1. var params={
    2.     maxDuration:10  //视频录制最大时间
    3. }
    4. uexQupai.config(JSON.stringify(params));
    复制代码

    6. uexMobSMS
    Mob短信验证插件:一键获取短信验证码,封装了Mob短信验证相关操作。【查看详情

    插件效果图:

    g.png

    方法说明:
    1. sendCode 发送短信验证码到手机
    2. commitCode 提交短信验证码
    3. cbSendClick 获取验证码的回调方法
    4. cbCommitClick 提交验证码的回调方法
    5. ….
    复制代码

    发送短信验证码示例:
    1. var params = {
    2.        "phoneNum": "11538617903",
    3.        "countryCode": "86"
    4. };
    5. uexMobSMS.sendCode(JSON.stringify(params));
    复制代码

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

    插件效果图:

    j.png

    方法说明:
    1. onMultiLoginClientsChanged(param) 多端登录监听
    2. sendLocationMsg(param)//发送地理位置信息
    3. fetchMessageHistory(param) 云端记录
    4. playAudio(param) 播放音频
    5. createTeam(param) 创建群组
    6. requestFriend(param) 好友请求
    7. ….
    复制代码

    发送地理位置信息示例:
    1. var param = {
    2.     sessionId:,//单聊时聊天人的userid, 群聊时groupid, 聊-天-室的id
    3.     sessionType:,//0-单聊,1-群聊, 2-聊-天-室
    4.     title:,//位置的地址名
    5.     latitude:,
    6.     longitude:,
    7.     ext://扩展字段, Object类型
    8. };
    复制代码

    8. uexCamera360
    图片编辑插件:美图神器,封装了Camera360开放SDK编辑图片的功能。【查看详情

    插件效果图:


    方法说明:
    1. edit 编辑图片
    2. setAPIKey 设置APIKey
    3. cbEdit 编辑图片的回调方法
    复制代码

    编辑图片示例:
    1. var params = {
    2.             id:2,
    3.             imgSrcPath:"",//要编辑的图片源地址,不传或传空时,打开系统图库
    4.             isSaveToGallery:false,//编辑后的图片是否保存到相册
    5.             imgSavePath:"wgt://"//编辑后的图片存储路径
    6.         };
    7.         var data = JSON.stringify(params);
    8.         uexCamera360.edit(data);
    复制代码

    9. uexDiDiTravel
    滴滴出行插件:有了它,APP都能叫车,主要封装了滴滴出行SDK提供的API接口,实现对滴滴出行多种业务线(出、专、快、代)服务的调用。【查看详情

    插件效果图:

    12.png

    方法说明:
    1. callDDApi 调用滴滴开放API
    2. getTicket 获取滴滴API的Ticket信息
    3. cbGetEstimateTime 获取预估时间的回调方法
    4. cbGetEstimatePrice 获取预估费用的回调方法
    5. cbGetCurrentOrderStatus 获取当前进行中的订单状态的回调方法
    6. ….
    复制代码

    获取预估费用示例:
    1. function cbGetEstimatePrice (opId,dataType,data) {
    2.     alert(data);
    3. }
    4. window.uexOnload = function(){
    5.     uexDiDiTravel.cbGetEstimatePrice= cbGetEstimatePrice;
    6. }
    复制代码

    10. uexXunfei
    讯飞语音: 让你的应用能听会说,封装了科大讯飞语音识别和语音合成的相关功能。【查看详情

    方法说明:
    1. startSpeaking 开始语音合成
    2. stopSpeaking 停止语音合成
    3. pauseSpeaking 暂停语音合成
    4. resumeSpeaking 继续语音合成
    5. cbInit 初始化完成的回调方法
    6. ….
    复制代码

    初始化完成回调示例:
    1. function cbInit(info){
    2.            alert('cbInit: '+info);
    3. }
    复制代码

    除上述插件外,AppCan插件中心还有很多丰富插件供各位开发者使用,点击即可查看更多


    沙发
    jid
  • TA的每日心情
    开心
    昨天 09:00
  • 签到天数: 262 天

    连续签到: 6 天

    [LV.8]以坛为家I

    显示全部楼层 发表于 2016-8-2 09:09:01
    真棒,赶紧收藏起来,以后用得着
    板凳
    carlking
  • TA的每日心情
    开心
    2016-4-27 15:11
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    显示全部楼层 发表于 2016-8-3 10:45:51
    MARK 收藏了。
    地板
    梦dream
  • TA的每日心情
    开心
    2017-8-9 09:06
  • 签到天数: 30 天

    连续签到: 3 天

    [LV.5]常住居民I

    显示全部楼层 发表于 2016-8-3 15:48:42
    很好,功能很强大
    5#
    hot_shit
  • TA的每日心情
    开心
    2016-12-23 11:28
  • 签到天数: 78 天

    连续签到: 1 天

    [LV.6]常住居民II

    显示全部楼层 发表于 2016-8-4 09:19:02
    666666666666
    6#
    穷则思变
  • TA的每日心情
    开心
    2016-1-20 13:46
  • 签到天数: 2 天

    连续签到: 2 天

    [LV.1]初来乍到

    显示全部楼层 发表于 2016-8-13 23:40:24
    不错,标记一个
    7#
    穷则思变
  • TA的每日心情
    开心
    2016-1-20 13:46
  • 签到天数: 2 天

    连续签到: 2 天

    [LV.1]初来乍到

    显示全部楼层 发表于 2016-8-13 23:53:14
    其实我更想请教一下,这些个插件怎么使用呢?
    8#
    AppCan_小助
  • TA的每日心情
    开心
    2016-10-10 11:07
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]常住居民II

    显示全部楼层 发表于 2016-8-15 09:55:44
    穷则思变 发表于 2016-8-13 23:53
    其实我更想请教一下,这些个插件怎么使用呢?

    在文档中,都有详细说明的~~
    9#
    zjk21089
  • TA的每日心情
    开心
    半小时前
  • 签到天数: 191 天

    连续签到: 1 天

    [LV.7]常住居民III

    显示全部楼层 发表于 2016-8-18 10:56:05
    AppCan_小助 发表于 2016-8-15 09:55
    在文档中,都有详细说明的~~

    这嘴巴嘟的
    10#
    AppCan_小助
  • TA的每日心情
    开心
    2016-10-10 11:07
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]常住居民II

    显示全部楼层 发表于 2016-8-19 10:54:12
    主题:
    级别:游客
    发帖:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表