Zxing二维码精简(竖屏、拉伸处理、扫描框大小和扫描线移动)

http://blog.csdn.net/xinchen200/article/details/18036695

第三部：修改为竖屏

经过上面两步，我们自己的项目应该可以运行了（别忘了加权限），当然此时是横屏的，因此我们需要修改几处地方将其修改为竖屏：
1.CameraConfigurationManager类的initFromCameraParameters()方法中将以下代码注释掉：

代码片段，双击复制

01 02 03 04 05 06

if (width < height) {     Log.i(TAG, "Display reports portrait orientation; assuming this is incorrect" );     int temp = width;     width = height;       height = temp;     }

2. CameraConfigurationManager 类的 setDesiredCameraParameters() 方法中在camera.setParameters(parameters)之前加入以下代码：

代码片段，双击复制

01	camera.setDisplayOrientation( 90 );

3. CameraManager 类的 getFramingRectInPreview() 方法中将以下代码替换：

代码片段，双击复制

01 02 03 04

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;

替换为

代码片段，双击复制

01 02 03 04

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;

4. DecodeHandler 类的 decode 方法中在activity.getCameraManager().buildLuminanceSource()之前添加以下代码：

代码片段，双击复制

01 02 03 04 05 06 07 08 09

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;

5.很关键的一步，解决竖屏后图像拉伸问题。CameraConfigurationManager类的initFromCameraParameters()方法中：
在Log.i(TAG, "Screen resolution: " + screenResolution);之后添加以下代码：

代码片段，双击复制

01 02 03 04 05 06 07

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;     }

同时修改下一句为cameraResolution = findBestPreviewSizeValue(parameters,screenResolutionForCamera);

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

第四步 ：扫描框位置和大小修改
此时的扫描框是竖直拉伸的矩形，很难看，我们可以将其修改为正方形或扁平型的。
CameraManager 类的 getFramingRect() 方法中替换以下代码：

代码片段，双击复制

01 02

int width = findDesiredDimensionInRange(screenResolution.x, MIN_FRAME_WIDTH, MAX_FRAME_WIDTH); int height = findDesiredDimensionInRange(screenResolution.y,MIN_FRAME_HEIGHT, MAX_FRAME_HEIGHT);

替换为

代码片段，双击复制

01 02 03

DisplayMetrics metrics = context.getResources().getDisplayMetrics(); int width = ( int ) (metrics.widthPixels * 0.6 ); int height = ( int ) (width * 0.9 );

此处我们根据屏幕分辨率来定扫描框大小更灵活一点，同时将偏移量topOffset修改为(screenResolution.y - height)/4

第五步 ：扫描框四个角和扫描线条修改
示例代码中的线条是居中且不动的，我们可以将其修改为上下移动的扫描线，且可以改变线条的样式。
在自定义扫描布局ViewfinderView类中的onDraw()方法中绘制 四个角 ，关键代码如下：

代码片段，双击复制

01 02 03 04 05 06 07 08 09 10 11 12 13 14

// 画出四个角 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);

此外将扫描线条修改为 上下扫描 的线，关键代码如下：

代码片段，双击复制

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

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 ;        }

此处采用了两种线条样式，一种是渐变线条，还有一种是类似微信的图片扫描线。
详细代码请看附件源码。

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