本帖最后由 levil_ad 于 2013-12-30 13:55 编辑

最近没事做了下二维码扫描,用的是ZXing的开源代码,官方源码地址:http://code.google.com/p/zxing/downloads/list;
我是在ZXing2.2基础上做的,因此只下载了ZXing-2.2.zip;
此外还需要ZXing的核心Jar包,下载地址:http://repo1.maven.org/maven2/com/google/zxing/core/2.2/,只需下载core-2.2.jar就行;
将下载的ZXing-2.2.zip解压出来,我们只需要用到android目录中的示例项目,如图:
<ignore_js_op> 
将android项目导入eclipse,同时别忘了将core-2.2.jar导入libs,此时该示例项目应该可以运行了,不过该项目很多功能我们不需要,并且其扫描界面为横向的,因此需对其修改。

接下去我们来将该示例项目简化:
第一步:拷贝必要的包和类
新建自己的项目并导入core-2.2.jar,将示例项目中的必要代码全部拷贝到自己的项目中,至于示例项目中各个包和类的功能此处就不做解释的,有兴趣可以自己去研究下;
我自己对包结构做了一点改动,导入完成后会有很多红叉,大都和包的访问权限有关,因为示例代码中很多类是final型的,我们将其public就行;
此外还需要res下一些关联的文件(values下的color.xml、ids.xml、strings.xml,raw下的beep.ogg)。
初步调整后包结构如下:
<ignore_js_op>

第二步:PreferencesActivity和CaptureActivity修改
示例项目用到了大量的配置,因此很多地方都用到了PreferencesActivity这个类,其实留着它也无所谓,但别忘了将示例项目中res下一些关联文件拷贝过来(preferences.xml、arrays.xml);
不过PreferencesActivity完全是多余的,看着也碍眼,因此我将其去掉,需要将用到PreferencesActivity的类都修改,就是剩余那些报红叉的类,我们需要将一些配置固定化,多余的设置判断去掉,此处我就不贴代码了;
同样CaptureActivity中也有很多方法是我们不需要的,大都是关于解码成功后的处理,如果要保留的话则需要额外拷贝很多类,因此将其去掉,此处也不贴代码了,附件源码中都有。

第三部:修改为竖屏
经过上面两步,我们自己的项目应该可以运行了(别忘了加权限),当然此时是横屏的,因此我们需要修改几处地方将其修改为竖屏:
1.CameraConfigurationManager类的initFromCameraParameters()方法中将以下代码注释掉:
[mw_shl_code=java,true]
if (width < height) {
    Log.i(TAG,"Display reports portrait orientation; assuming this is incorrect");
    int temp = width;
    width = height;
     height = temp;
   }[/mw_shl_code]

2.CameraConfigurationManager类的setDesiredCameraParameters()方法中在camera.setParameters(parameters)之前加入以下代码:
[mw_shl_code=java,true]camera.setDisplayOrientation(90);[/mw_shl_code]

3.CameraManager类的getFramingRectInPreview()方法中将以下代码替换:
[mw_shl_code=java,true]
rect.left = rect.left * cameraResolution.x / screenResolution.x;
rect.right = rect.right * cameraResolution.x / screenResolution.x;
rect.top = rect.top * cameraResolution.y / screenResolution.y;
rect.bottom = rect.bottom * cameraResolution.y / screenResolution.y;[/mw_shl_code]
替换为
[mw_shl_code=java,true]
rect.left = rect.left * cameraResolution.y / screenResolution.x;
rect.right = rect.right * cameraResolution.y / screenResolution.x;
rect.top = rect.top * cameraResolution.x / screenResolution.y;
rect.bottom = rect.bottom * cameraResolution.x / screenResolution.y;[/mw_shl_code]

4.DecodeHandler类的decode方法中在activity.getCameraManager().buildLuminanceSource()之前添加以下代码:
[mw_shl_code=java,true]
byte[] rotatedData = new byte[data.length];
for (int y = 0; y < height; y++) {
    for (int x = 0; x < width; x++)
        rotatedData[x * height + height - y - 1] = data[x + y * width];
        }
int tmp = width;
width = height;
height = tmp;
data = rotatedData;[/mw_shl_code]

5.很关键的一步,解决竖屏后图像拉伸问题。CameraConfigurationManager类的initFromCameraParameters()方法中:
在Log.i(TAG, "Screen resolution: " + screenResolution);之后添加以下代码:
[mw_shl_code=java,true]
Point screenResolutionForCamera = new Point();
screenResolutionForCamera.x = screenResolution.x;
screenResolutionForCamera.y = screenResolution.y;
if (screenResolution.x < screenResolution.y) {
    screenResolutionForCamera.x = screenResolution.y;
    screenResolutionForCamera.y = screenResolution.x;
   }[/mw_shl_code]
同时修改下一句为cameraResolution = findBestPreviewSizeValue(parameters,screenResolutionForCamera);

此外manifest中别忘了设置android:screenOrientation="portrait",至此竖屏修改完毕。

第四步:扫描框位置和大小修改
此时的扫描框是竖直拉伸的矩形,很难看,我们可以将其修改为正方形或扁平型的。
CameraManager类的getFramingRect()方法中替换以下代码:
[mw_shl_code=java,true]
int width = findDesiredDimensionInRange(screenResolution.x, MIN_FRAME_WIDTH, MAX_FRAME_WIDTH);
int height = findDesiredDimensionInRange(screenResolution.y,MIN_FRAME_HEIGHT, MAX_FRAME_HEIGHT);[/mw_shl_code]
替换为
[mw_shl_code=java,true]
DisplayMetrics metrics = context.getResources().getDisplayMetrics();
int width = (int) (metrics.widthPixels * 0.6);
int height = (int) (width * 0.9);[/mw_shl_code]
此处我们根据屏幕分辨率来定扫描框大小更灵活一点,同时将偏移量topOffset修改为(screenResolution.y - height)/4

第五步:扫描框四个角和扫描线条修改
示例代码中的线条是居中且不动的,我们可以将其修改为上下移动的扫描线,且可以改变线条的样式。
在自定义扫描布局ViewfinderView类中的onDraw()方法中绘制四个角,关键代码如下:
[mw_shl_code=java,true]
// 画出四个角
paint.setColor(getResources().getColor(R.color.green));
// 左上角
canvas.drawRect(frame.left, frame.top, frame.left + 15,frame.top + 5, paint);
canvas.drawRect(frame.left, frame.top, frame.left + 5,frame.top + 15, paint);
// 右上角
canvas.drawRect(frame.right - 15, frame.top, frame.right,frame.top + 5, paint);
canvas.drawRect(frame.right - 5, frame.top, frame.right,frame.top + 15, paint);
// 左下角
canvas.drawRect(frame.left, frame.bottom - 5, frame.left + 15,frame.bottom, paint);
canvas.drawRect(frame.left, frame.bottom - 15, frame.left + 5,frame.bottom, paint);
// 右下角
canvas.drawRect(frame.right - 15, frame.bottom - 5, frame.right,frame.bottom, paint);
canvas.drawRect(frame.right - 5, frame.bottom - 15, frame.right,frame.bottom, paint);[/mw_shl_code]

此外将扫描线条修改为上下扫描的线,关键代码如下:
[mw_shl_code=java,true]
if ((i += 5) < frame.bottom - frame.top) {
        /* 以下为用渐变线条作为扫描线 */
        // 渐变图为矩形
        // mDrawable.setShape(GradientDrawable.RECTANGLE);
        // 渐变图为线型
        // mDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT);
        // 线型矩形的四个圆角半径
        // // mDrawable
        // // .setCornerRadii(new float[] { 8, 8, 8, 8, 8, 8, 8, 8 });
        // 位置边界
        // mRect.set(frame.left + 10, frame.top + i, frame.right - 10,
        // frame.top + 1 + i);
        // 设置渐变图填充边界
        // mDrawable.setBounds(mRect);
        // 画出渐变线条
        // mDrawable.draw(canvas);

/* 以下为图片作为扫描线 */
        mRect.set(frame.left - 6, frame.top + i - 6, frame.right + 6,frame.top + 6 + i);
        lineDrawable.setBounds(mRect);
        lineDrawable.draw(canvas);

// 刷新
        invalidate();
       } else {
            i = 0;
       }[/mw_shl_code]
此处采用了两种线条样式,一种是渐变线条,还有一种是类似微信的图片扫描线。
详细代码请看附件源码。

运行截图如下:
<ignore_js_op> 此为渐变线条            <ignore_js_op> 此为图片线条,用的是微信的图片,不过微信扫描用的应该是动画很平滑,此处用的是多次绘制

另外,扫描成功后的手机震动和提示音在BeepManager中修改,里面我额外放了两种提示音文件

Zxing二维码精简(竖屏、拉伸处理、扫描框大小和扫描线移动)的更多相关文章

  1. Android项目实战(二十八):Zxing二维码实现及优化

    前言: 多年之前接触过zxing实现二维码,没想到今日项目中再此使用竟然使用的还是zxing,百度之,竟是如此牛的玩意. 当然,项目中我们也许只会用到二维码的扫描和生成两个功能,所以不必下载完整的ja ...

  2. 程序猿媛 九:Adroid zxing 二维码3.1集成(源码无删减)

    Adroid zxing 二维码3.1集成 声明:博文为原创,文章内容为,效果展示,思路阐述,及代码片段. 转载请保留原文出处“http://my.oschina.net/gluoyer/blog”, ...

  3. (转载)Android项目实战(二十八):Zxing二维码实现及优化

    Android项目实战(二十八):Zxing二维码实现及优化   前言: 多年之前接触过zxing实现二维码,没想到今日项目中再此使用竟然使用的还是zxing,百度之,竟是如此牛的玩意. 当然,项目中 ...

  4. Android项目实战(四十四):Zxing二维码切换横屏扫描

    原文:Android项目实战(四十四):Zxing二维码切换横屏扫描 Demo链接 默认是竖屏扫描,但是当我们在清单文件中配置横屏显示的时候: <activity android:name=&q ...

  5. Atitit zxing二维码qr码识别解析

    Atitit zxing二维码qr码识别解析 1.1. qr码识别解析 by zxing1 1.2. 解码lib:qrcode.jar  2 1.3. atitit.二维码生成总结java zxing ...

  6. 谷歌zxing 二维码生成工具

    一.加入maven依赖 <!-- 谷歌zxing 二维码 --> <dependency> <groupId>com.google.zxing</groupI ...

  7. Android之Zxing二维码扫描图片拉伸

    还是这个接手项目,二维码扫描集成的是zxing,扫描界面的图像有明显的拉伸变形. 这种问题,根据以往的经验,一般是x,y轴错位引起的,处理好x,y轴的问题,一般可以解决问题. 由于这个问题,之前有很多 ...

  8. 自定义ZXing二维码扫描界面并解决取景框拉伸等问题

    先看效果 扫描内容是下面这张,二维码是用zxing库生成的 由于改了好几个类,还是去年的事都忘得差不多了,所以只能上这个类的代码了,主要就是改了这个CaptureActivity.java packa ...

  9. ZXing 二维码应用

    1.导入zxing代码和包 2.下面的类是解析二维码的主要类. package com.gaint.nebula.interaction.ui.zxing; import java.io.IOExce ...

随机推荐

  1. visual studio 2019安装秘钥

    美国时间4.2微软发布了最新版本的visual studio 2019 现在贴出visual studio2019的秘钥,有需要的请自取: Visual Studio 2019 Enterprise( ...

  2. BZOJ 3351: [ioi2009]Regions

    对于一个询问(x,y)对y出现次数分类,若<=lim,在儿子处统计答案,若>lim则y的种类肯定<lim,在祖先处统计(仿佛要去重?但是没去重也过了,那个时限仿佛怎么做都能过) #i ...

  3. jquery如何获取某一个兄弟节点

    $('#id').siblings() 当前元素所有的兄弟节点 $('#id').prev() 当前元素前一个兄弟节点 $('#id').prevaAll() 当前元素之前所有的兄弟节点 $('#id ...

  4. ogre的初始化与启动以及显示对象设置

    ogre的使用方法1---自动设置 1.ogre初始化:首先实例化一个Root对象 Root * root = new Root(); Root * root = new Root("plu ...

  5. 【SDOJ 3741】 【poj2528】 Mayor's posters

    Description The citizens of Bytetown, AB, could not stand that the candidates in the mayoral electio ...

  6. mongodb的基本操作数据更新

    先启动服务器 查看数据库 选择数据库 删除数据库 插入信息 查看插入的表名 查看信息 修改表数据 修改指定信息,其他信息不改变 可以使不存在的命令进行修改并保存 修改多条数据 删除数据 删除表 查看集 ...

  7. maya 2014帮助手册中 三维概念讲解

    maya 2014 帮助手册中   三维概念讲解 多边形简介 三个或更多的边,   顶点    边    面  组成 经常使用三边形或四边形来建模   n边形不常用 单个多边形称为面   多个面连接到 ...

  8. 聊聊、Highcharts 动态数据优化版

    好久没来博客园了,最近项目太紧.上一篇写了 <Highcharts 之[动态数据]>,不够完善,虽然横纵轴可以动态取数据,但是行业信息是固定的,不能随着大数据热点改变.废话不说,直接上代码 ...

  9. Django数据库的查看、删除,创建多张表并建立表之间关系

    配置以下两处,可以方便我们直接右键运行tests.py一个文件,实现对数据库操作语句的调试: settings里面的设置: #可以将Django对数据库的操作语法,能输出对应的的sql语句 LOGGI ...

  10. 理解Tomcat架构、启动流程及其性能优化

    PS:but, it's bullshit ! 备注:实话说,从文档上扒拉的,文档地址:在每一个Tomcat安装目录下,会有一个webapps文件夹,里面有一个docs文件夹,点击index.html ...