精华内容
下载资源
问答
  • FNScanner 模块是一个二维码/条形码扫描,是 scanner 模块的优化升级版。在 iOS 平台上本模块底层集成了 Zbar 和系统自带的条形码/二维码分析库,由于 IOS 系统平台在 IOS7.0 以上才开放了二维码/条码的相关接口,...

    FNScanner 模块是一个二维码/条形码扫描器,是 scanner 模块的优化升级版。在 iOS 平台上本模块底层集成了 Zbar 和系统自带的条形码/二维码分析库,由于 IOS 系统平台在 IOS7.0 以上才开放了二维码/条码的相关接口,所以在 IOS6 上运行时模块会调用开源库 Zbar 去读取解析二维码/条码。只有在 IOS7 以上版本才会调用系统自带扫码功能。

    模块文档地址(点击即可跳转)

    模块需要注意的地方:

    1. 注意:使用本模块前,需在云编译页面勾选添加访问摄像头权限,若要访问相册也需勾选申请访问相册权限 。
    2. 不能同时使用的模块:wwprint

    本模块封装了两套扫码方案:
    方案一
    开发者通过调用 openScanner 接口直接打开自带默认 UI 效果的二维码/条形码扫描页面,本界面相当于打开一个 window 窗口,其界面内容不支持自定义。用户可在此界面实现功能如下:
    打开关闭闪关灯
    从系统相册选取二维码/条码图片进行解密操作
    打开摄像头,自动对焦扫码想要解析的二维码/条码

    方案二
    通过 openView 接口打开一个自定义大小的扫描区域(本区域相当于打开一个 frame)进行扫描。开发者可自行 open 一个 frame 贴在模块上,从而实现自定义扫描界面的功能。然后配合使用 setFrame、closeView、switchLight 等接口实现开关闪光灯、重设扫描界面位置大小、图片解码、字符串编码等相关功能。详情请参考模块接口参数。

    方案一我就不介绍,因为直接调取接口就能直接显示一个扫码ui界面,直接使用就可以,
    楼主本帖分享的是方案一无法满足ui设计效果前提下,怎么实现ui自定义的效果;

    方案二完成页面截图
    在这里插入图片描述

    方案二打开闪光灯效果界面截图

    在这里插入图片描述

    第一步:首先先打开openwin,然后再打开模块 ,然后延迟打开一个frm自定义一个扫码见面。大家上面看到扫码是这种思路的;

    废话不多说上部分核心源码

    
        var FNScanner, eHeader, headerH;
        apiready = function() {
            //应用全局FNScanner模块
            FNScanner = api.require('FNScanner');
            //定义根据id获取dom
            eHeader = $api.byId('header');
            //设置头部沉浸式
            $api.fixStatusBar(eHeader);
            //获取头部高度
            headerH = $api.offset(eHeader).h;
    
            //监听应用回到前台
            api.addEventListener({
                name: 'resume'
            }, function(ret, err) {
                FNScanner.onResume();
            });
    
            //监听应用回到后台
            api.addEventListener({
                name: 'pause'
            }, function(ret, err) {
                FNScanner.onPause();
            });
          
            fnOpenFNScanner();
        }
    
        function fnOpenFNScanner() {
            // 打开扫码模块
            FNScanner.openView({
                //autorotation: true,
                fixedOn: api.frameName,
                rect: {
                    x: 0,
                    y: headerH,
                    w: api.frameWidth,
                    h: api.frameHeight
                }
            }, function(ret, err) {
                if (ret) {
                    if (ret.eventType == 'success' && ret.content != '') {
                        // 扫码成功执行函数操作传值
                        fnOpenCouple(ret.content);
                        return;
                    }
                    if (ret.eventType == 'cameraError') {
                        api.toast({
                            msg: '请开启app访问手机摄像头权限',
                            duration: 2000,
                            location: 'bottom'
                        });
                        setTimeout(function() {
                            // 关闭扫码器  关闭扫码界面
                            back();
                        }, 300);
                        return;
                    }
                    if (ret.eventType == 'albumError') {
                        api.toast({
                            msg: '请开启app访问手机相册权限',
                            duration: 2000,
                            location: 'bottom'
                        });
                        setTimeout(function() {
                            back();
                        }, 300);
                        return;
                    }
                    if (ret.eventType == 'fail') {
                        api.toast({
                            msg: '扫码失败,请从新扫码',
                            duration: 2000,
                            location: 'bottom'
                        });
                        setTimeout(function() {
                            back();
                        }, 300);
                        return;
                    }
                } else {
                    api.toast({
                        msg: '扫码错误请稍后再试',
                        duration: 2000,
                        location: 'bottom'
                    });
                    setTimeout(function() {
                        back();
                    }, 300);
                }
            });
            setTimeout(function() {
                // 打开扫码动画frm页面
                api.openFrame({
                    name: 'add_frm',
                    url: './add_frm.html',
                    rect: {
                        marginTop: headerH,
                        marginLeft: 0,
                        marginRight: 0,
                        marginBottom: 0
                    },
                    bgColor: 'rgba(0,0,0,0)',
                });
            }, 300);
        }
    
        //返回
        function back() {
            // 关闭win页面
            api.closeWin();
            // 关闭扫码模块
            FNScanner.closeView();
        }
    
        //打开最后扫码得出的数值
        function fnOpenCouple(content) {
            console.warn(content);
            back(); //建议打开下一页我这块只是为了方便直接调用返回按钮   扫码成功之后必须关闭扫码模块  不然会出现多次扫码情况
        }
    
        var isSOff = true;
        // 打开闪光灯
        function fnOpenLamp() {
            if (isSOff) {
                FNScanner.switchLight({
                    status: 'on'
                });
                isSOff = false;
            } else {
                FNScanner.switchLight({
                    status: 'off'
                });
                isSOff = true;
            }
        }
    复制代码
    
    展开全文
  • KinhDown(度盘PC下载)

    2021-02-05 10:02:37
    介绍 不限速下载百度网盘文件 1.分享链接解析暂不可用 2.登录请使用第三方登录!...3.云解析功能周六下午修复(完全免费开放) 4.弹出的购界面请勿购 下载链接 http://www.bytepan.com/y4EPHf65baT 图片 ...

    介绍

    不限速下载百度网盘文件
    1.分享链接解析暂不可用
    2.登录请使用第三方登录!!!扫描二维码和直接登录已不可用(周六下午修复)
    3.云解析功能周六下午修复(完全免费开放)
    4.弹出的购界面请勿购

    下载链接

    http://www.bytepan.com/y4EPHf65baT

    图片

    在这里插入图片描述

    展开全文
  • 二维码生成 番茄时钟 仿网易音乐 仿微信DEMO 仿找事吧 分答小程序 富文本解析,折线图,MD5,bluebird 高仿苹果计算器 购物车 果库 滑动选项卡 画布:时钟 会议精灵 货币汇率 机器人兔兔 极客学院 家居电商 剪刀...
  • 微信小程序种类多多

    2018-01-06 15:29:15
    二维码生成 笔记 五十音图 五险一金计算 人脸检测 今日头条 仿微信DEMO 仿找事吧 仿网易音乐 会议精灵 你画我猜 侧滑布局 健康菜谱 全屏动画滚动 分答小程序 创客+实现大量功能,推荐研究 剪刀石头布 医药网 ...
  • 130个Weixin小程序源代码案例

    热门讨论 2017-09-30 16:18:11
    二维码生成 番茄时钟 仿网易音乐 仿微信DEMO 仿找事吧 分答小程序 富文本解析,折线图,MD5,bluebird 高仿苹果计算器 购物车 果库 滑动选项卡 画布:时钟 会议精灵 货币汇率 机器人兔兔 极客学院 家居电商 剪刀...
  • 'todo list', 'v2ex', '一个(仿)', '一元夺宝主页设计', '万年历', '下拉刷新,tab切换', '东航订机票', '事项助手', '二维码生成', '笔记', '五十音图', '五险一金计算', '交互操作控件', '人脸检测', '今日...
  • Python-Markdown2:纯 Python 实现的 Markdown 解析器,比 Python-Markdown 更快,更准确,可扩展。 YAML PyYAML:Python 版本的 YAML 解析器。 CSV csvkit:用于转换和操作 CSV 的工具。 Archive unp:...
  • ○ 支付宝支付:集成支付宝网站二维码支付功能 ○ 短信服务 •阿里短信:集成阿里短信SDK •腾讯短信:集成腾讯短信SDK •短信:集成短信SDK ○ 定时任务:支持注解配置定时任务,支持...
  • 增加:内容管理、商品、商城新增二维码,后台一键分享更方便 修改:修改CMS密钥机制 修改:webup多文件上传组件,增加图片压缩功能 场景:增加相册功能,并扩展支持图片压缩 增加:提现申请支持费率(需要在系统-配置-...
  • ○ 支付宝支付:集成支付宝网站二维码支付功能 ○ 短信服务 •阿里短信:集成阿里短信SDK •腾讯短信:集成腾讯短信SDK •短信:集成短信SDK ○ 定时任务:支持注解配置定时任务,支持...

空空如也

空空如也

1 2 3 4 5
收藏数 98
精华内容 39
关键字:

二维码云解析器