站在巨人的肩膀上——二维码扫描功能的实现和优化过程

前段时间，因为开发需求要求加上二维码扫描的功能，所以我也是通过网上一系列的资料学习实现了这个功能，很感谢网上一些大牛提供的学习博客，特别是http://blog.csdn.net/xiaanming/article/details/10163203这篇博客对我的帮助很大，我也是在这个上面做了一些改进和优化，最后终于在我们的项目中加入了二维码扫描的功能。今天就来讲一下我的学习和实现过程：

1.首先，我在这个http://download.csdn.net/detail/xiaanming/5990219网站上下了上面那篇博客中提到的项目源码，它已经在原来的zxing源码上做了很多优化，而我在这个源码的基础上又做了一些处理，基本上解决了一些遗留的问题。     

在这个项目中，其中ViewfinderView这个类是一个自定义控件，也就是扫描页用到的主要的控件，所以就先从这个自定义控件类入手进行修改。

（1）在我运行了这个项目后发现扫描框中总是会出现黄色的小点，其实是扫描点的颜色设置不对，也就是下面这个代码中的“resultPointColor”。

resultPointColor = resources.getColor(R.color.possible_result_points);

把上面这行代码中的possible_result_points设置成透明色即可。

（2）扫描线比较丑，因此我把它修改了成类微信的扫描线，也就是把绘制扫描线的那行代码替换一下，这个问题那篇博客的博主已经提到了，所以就跳过。

（3）在不同机型上扫描框的显示有比较大的不同，为了解决这适配问题，我在这个类加了一个dip转px的方法，代码如下：

<span style="font-size:12px;">public static int dip2px(Context context, float dipValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dipValue * scale + 0.5f);
    }</span>

然后在一些直接使用数字加上这个方法，例如四个边角的宽度：

    <span style="font-size:12px;">/**
     * 四个绿色边角对应的宽度
     */
    private static final int CORNER_WIDTH = 10;</span>

改成下面这样：

    /**
     * 四个绿色边角对应的宽度
     */
    private final int CORNER_WIDTH = dip2px(getContext(), 10);

（4）因为原来的代码其实只是画了四个绿色的直角，边框是由于除扫描框其他的区域灰色比较深造成的，所以我自己画了四个边框，代码如下，很容易理解：

// 画四个边框,左上右下
paint.setColor(Color.GRAY);
canvas.dra