• 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)//发送地理位置信息

    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 获取滴滴APITicket信息

    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/,查看更多精彩内容。

  • 相关阅读:
    吴恩达《机器学习》第四章:多元线性回归
    吴恩达《机器学习》第三章:矩阵和向量
    吴恩达《机器学习》第二章:线性回归
    吴恩达《机器学习》第一章:监督学习和无监督学习
    初学Go语言的学生管理系统
    vscode如何自定义补全内容,自定义常用的快捷方式?
    vscode配置Golang环境所需的bin文件夹(各种包)
    Google浏览器一开启就提示“请停用以开发者模式运行的扩展程序“解决方案
    一道把递归、链表、引用、双指针都结合的题——回文链表
    grep
  • 原文地址:https://www.cnblogs.com/AppCan1/p/5732176.html
Copyright © 2020-2023  润新知