二维码android 扫描 - CSDN
  • 简介上一篇Android实现二维码扫描功能(一)-ZXing插件接入介绍了ZXing框架接入方法,已经可以初步集成扫码功能到项目中。本篇我们对扫码界面进行优化,并对ZXing近距离无法识别的问题做出优化。个性化定制每个APP都...

    简介

    上一篇Android实现二维码扫描功能(一)-ZXing插件接入介绍了ZXing框架接入方法,已经可以初步集成扫码功能到项目中。

    本篇我们对扫码界面进行优化,并对ZXing近距离无法识别的问题做出优化。

    个性化定制

    每个APP都有自己的表现形式,实现个性化扫码界面定制,主要有两个地方:

    1. activity_scanner.xml界面文件
    2. com.google.zxing.view.ViewfinderView扫码控件

    下面分别来说明。

    界面文件

    activity_scanner.xml源码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <include layout="@layout/toolbar_scanner" />
    
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <SurfaceView
                android:id="@+id/scanner_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="center" />
    
            <com.google.zxing.view.ViewfinderView
                android:id="@+id/viewfinder_content"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:corner_color="@color/corner_color"
                app:frame_color="@color/viewfinder_frame"
                app:label_text="二维码/条形码扫描"
                app:label_text_color="@color/colorAccent"
                app:laser_color="@color/laser_color"
                app:mask_color="@color/viewfinder_mask"
                app:result_color="@color/result_view"
                app:result_point_color="@color/result_point_color" />
    
        </FrameLayout>
    
    </LinearLayout>
    

    界面分析:

    • 顶层采用LinearLayout实现自上至下的方向,基本不用修改;
    • <include layout="@layout/toolbar_scanner" />引用toolbar布局文件,稍后给出,这里可以加入菜单项目、返回键等;
    • FrameLayout布局将相机可扫描窗口叠加在一起;
    • SurfaceView装载相机内容,即相机拍摄到的画面;
    • com.google.zxing.view.ViewfinderView扫码自定义View,主要由遮罩层、四个角的边框、扫描线等组成。

    toolbar_scanner.xml,比较简单

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:contentInsetStart="0dip">
    
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical">
    
            <ImageButton
                android:id="@+id/btn_back"
                android:layout_width="40dip"
                android:layout_height="40dip"
                android:background="?attr/selectableItemBackground"
                android:padding="10dip"
                android:scaleType="centerCrop"
                android:src="@drawable/btn_back" />
    
            <TextView
                android:id="@+id/txt_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:text="扫描二维码"
                android:textColor="@android:color/white"
                android:textSize="18sp" />
    
        </RelativeLayout>
    </android.support.v7.widget.Toolbar>
    
    

    可根据需求调整toolbar内容,这里我们就不多说。

    扫码控件定制

    现行使用的ViewfinderView已经是经过前辈修改过的版本,他们加入了边框和扫描线,基于这个版本我们再做一些调整。

    1、提示文字的位置

    现有的提示文字是在扫描框上面的
    这里写图片描述
    我们需要把它放置到扫描框下面,需要将源码中drawTextInfo方法调整一下:

    //绘制文本
      private void drawTextInfo(Canvas canvas, Rect frame) {
        ...
        canvas.drawText(labelText, frame.left + frame.width() / 2, frame.top - CORNER_RECT_HEIGHT, paint);
      }
    

    调整为:

    //绘制文本
    private void drawTextInfo(Canvas canvas, Rect frame) {
      ...
      canvas.drawText(labelText, frame.left + frame.width() / 2, frame.bottom + CORNER_RECT_HEIGHT * 1.5f, paint);
    }
    

    此处通过修改drawText的y坐标参数调整了文字位置,可以根据需要自行调整。

    2、扫码框的位置

    目前的扫码框整体位置偏下,不够美观,打算将位置往上调整一些。
    修改com.google.zxing.camera.CameraManager类中的getFramingRect()方法,由

    public Rect getFramingRect() {
            ...
            int leftOffset = (screenResolution.x - width) / 2;
            int topOffset = (screenResolution.y - height) / 2;
    		...
            
            return framingRect;
    }
    

    修改为

    public Rect getFramingRect() {
            ...
    		int leftOffset = (screenResolution.x - width) / 2;
    		int topOffset = (screenResolution.y - height) / 3;
    		...
            
            return framingRect;
    }
    

    即topOffset有了减小,预览后如:
    这里写图片描述

    3、扫码框大小
    由2我们可以看到getFramingRect()方法构造的矩形中有宽、高参数,通过修改这两个参数,可以完成扫码框大小变更。例如:

    public Rect getFramingRect() {
            ...
            int width = screenResolution.x * 8 / 10;
            int height = screenResolution.y * 8 / 10;
    		...
            
            return framingRect;
    }
    

    则比原来的代码中放大了1/10,预览图(可对比2中图):
    这里写图片描述

    扫码识别优化

    这里主要说一下近距离扫码识别不了的问题,关于扫码算法的改进涉猎不多,文尾给大家一篇文章参考。

    ZXing在遇到二维码撑满扫码框的情况下识别不出结果,等多久、再聚焦都不可以,有朋友说扩大扫码框的大小可以解决这个问题,扩大后近距离扫码结果还是一致的,很难识别出来。

    原因是原算法对摄像头采集的图像像素进行了裁剪,真正返回给识别算法的图像可能没有扫码框那么完整。

    参考网络大神的帖子,我们将com.google.zxing.camera.CameraManager类中的buildLuminanceSource方法做了调整,不再返回剪裁后的图像。源码:

    public PlanarYUVLuminanceSource buildLuminanceSource(byte[] data, int width, int height) {
            Rect rect = getFramingRectInPreview();
            int previewFormat = configManager.getPreviewFormat();
            String previewFormatString = configManager.getPreviewFormatString();
            switch (previewFormat) {
                // This is the standard Android format which all devices are REQUIRED to support.
                // In theory, it's the only one we should ever care about.
                case PixelFormat.YCbCr_420_SP:
                    // This format has never been seen in the wild, but is compatible as we only care
                    // about the Y channel, so allow it.
                case PixelFormat.YCbCr_422_SP:
                    return new PlanarYUVLuminanceSource(data, width, height, rect.left, rect.top,
                            rect.width(), rect.height());
                default:
                    // The Samsung Moment incorrectly uses this variant instead of the 'sp' version.
                    // Fortunately, it too has all the Y data up front, so we can read it.
                    if ("yuv420p".equals(previewFormatString)) {
                        return new PlanarYUVLuminanceSource(data, width, height, rect.left, rect.top,
                                rect.width(), rect.height());
                    }
            }
            throw new IllegalArgumentException("Unsupported picture format: " +
                    previewFormat + '/' + previewFormatString);
        }
    

    修改为:

    public PlanarYUVLuminanceSource buildLuminanceSource(byte[] data, int width, int height) {
            Rect rect = getFramingRectInPreview();
            int previewFormat = configManager.getPreviewFormat();
            String previewFormatString = configManager.getPreviewFormatString();
            switch (previewFormat) {
                // This is the standard Android format which all devices are REQUIRED to support.
                // In theory, it's the only one we should ever care about.
                case PixelFormat.YCbCr_420_SP:
                    // This format has never been seen in the wild, but is compatible as we only care
                    // about the Y channel, so allow it.
                case PixelFormat.YCbCr_422_SP:
                    return new PlanarYUVLuminanceSource(data, width, height, 0, 0, width, height);
                default:
                    // The Samsung Moment incorrectly uses this variant instead of the 'sp' version.
                    // Fortunately, it too has all the Y data up front, so we can read it.
                    if ("yuv420p".equals(previewFormatString)) {
                        return new PlanarYUVLuminanceSource(data, width, height, 0, 0, width, height);
                    }
            }
            throw new IllegalArgumentException("Unsupported picture format: " +
                    previewFormat + '/' + previewFormatString);
        }
    

    主要改动的是new PlanarYUVLuminanceSource(data, width, height, 0, 0, width, height); 实际上就是将完整的相机图像内容返回,不做裁剪。

    结语

    本篇对ZXing扫码工具界面定制和扫码识别优化做了讲解,解决了ZXing近距离无法识别二维码的问题。
    大家也可以顺着这个思路,做更多个性化定制和优化,完善扫码功能。

    参考资料

    http://iluhcm.com/2016/01/08/scan-qr-code-and-recognize-it-from-picture-fastly-using-zxing/

    源码下载

    csdn上已上传,下载地址:(旧版)
    http://download.csdn.net/detail/ahuyangdong/9915737

    Github项目地址(保持更新),已基本解决相册选图的适配问题:
    https://github.com/ahuyangdong/QrCodeDemo4

    展开全文
  • 了解二维码这个东西还是从微信中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一张图片中扫一下竟然能直接加好友,不可思议啊,那时候还不了解二维码,呵呵,然后做项目的时候,老板说要加上二维码扫描功能,...

    转载请注明出处:http://blog.csdn.net/xiaanming/article/details/10163203

    了解二维码这个东西还是从微信中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一张图片中扫一下竟然能直接加好友,不可思议啊,那时候还不了解二维码,呵呵,然后做项目的时候,老板说要加上二维码扫描功能,然后自己的屁颠屁颠的去百度,google啥的,发现很多朋友都有介绍二维码扫描的功能,然后我就跟着人家的介绍自己搞起了二维码扫描功能,跟着人家的帖子,很快我的项目就加入了扫描二维码的功能,然后自己还很开心。


    随着微信的到来,二维码越来越火爆,随处能看到二维码,比如商城里面,肯德基,餐厅等等,对于二维码扫描我们使用的是google的开源框架Zxing,我们可以去http://code.google.com/p/zxing/下载源码和Jar包,之前我项目中的二维码扫描功能只实现了扫描功能,其UI真的是其丑无比,一个好的应用软件,其UI界面也要被大众所接纳,不然人家就不会用你的软件啦,所以说应用软件功能和界面一样都很重要,例如微信,相信微信UI被很多应用软件所模仿,我也仿照微信扫描二维码效果进行模仿,虽然没有微信做的那么精致,但是效果还是可以的,所以将自己修改UI的代码和扫描二维码的代码分享给大家,一是自己以后项目遇到同样的功能直接拷贝来用,二是给还没有加入二维码功能的人一个参考,站在巨人的肩膀上,哈哈,我之前也是站在巨人的肩膀上加上此功能,接下来跟着我一步一步来实现此项功能,里面去除了很多不必要的文件


    我们先看下项目的结构


    • 如果你项目也想加入此功能,你直接将com.mining.app.zxing.camera,com.mining.app.zxing.decoding,com.mining.app.zxing.view这三个包拷贝到你的项目中,然后引入相对应的资源进去,我也是从我的项目中直接引用过来的,包名都没改呢,当然还需要引用Zxing.jar

    • com.example.qr_codescan包里面有一个MipcaActivityCapture,也是直接引入我之前项目的代码的,这个Activity主要处理扫描界面的类,比如,扫描成功有声音和振动等等,主要关注里面的handleDecode(Result result, Bitmap barcode)方法,扫描完成之后将扫描到的结果和二维码的bitmap当初参数传递到handleDecode(Result result, Bitmap barcode)里面,我们只需要在里面写出相对应的处理代码即可,其他的地方都不用改得,我这里处理扫描结果和扫描拍的照片

    	/**
    	 * 处理扫描结果
    	 * @param result
    	 * @param barcode
    	 */
    	public void handleDecode(Result result, Bitmap barcode) {
    		inactivityTimer.onActivity();
    		playBeepSoundAndVibrate();
    		String resultString = result.getText();
    		if (resultString.equals("")) {
    			Toast.makeText(MipcaActivityCapture.this, "Scan failed!", Toast.LENGTH_SHORT).show();
    		}else {
    			Intent resultIntent = new Intent();
    			Bundle bundle = new Bundle();
    			bundle.putString("result", resultString);
    			bundle.putParcelable("bitmap", barcode);
    			resultIntent.putExtras(bundle);
    			this.setResult(RESULT_OK, resultIntent);
    		}
    		MipcaActivityCapture.this.finish();
    	}

    • 我对MipcaActivityCapture界面的布局做了自己的改动,先看下效果图,主要是用到FrameLayout,里面嵌套RelativeLayout,里面的图片也是从微信里面拿出来的,平常我看到需要什么图片就去微信里面找,没有美工的公司的程序员就是苦逼


    布局代码如下

    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
            android:layout_height="fill_parent" >
    
        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >
    
            <SurfaceView
                android:id="@+id/preview_view"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_gravity="center" />
    
            <com.mining.app.zxing.view.ViewfinderView
                android:id="@+id/viewfinder_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
    
            <include
                android:id="@+id/include1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                layout="@layout/activity_title" />
        </RelativeLayout>
    
    </FrameLayout>
    在里面我将界面上面部分写在另一个布局里面,然后include进来,因为这个activity_title在我项目里面还供其他的Activity使用,我也是直接拷贝出来的

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/mmtitle_bg_alpha" >
    
        <Button
            android:id="@+id/button_back"
            android:layout_width="75.0dip"
            android:text="返回"
            android:background="@drawable/mm_title_back_btn"
            android:textColor="@android:color/white"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="2dip" />
    
        <TextView
            android:id="@+id/textview_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button_back"
            android:layout_alignBottom="@+id/button_back"
            android:layout_centerHorizontal="true"
            android:gravity="center_vertical"
            android:text="二维码扫描"
            android:textColor="@android:color/white"
            android:textSize="18sp" />
    
    </RelativeLayout>
    • 在我这个demo里面,有一个主界面MainActivity,里面一个Button, 一个ImageView和一个TextView,点击Button进入到二维码扫描界面,当扫描OK的时候,回到主界面,将扫描的结果显示到TextView,将图片显示到ImageView里面,然后你可以不处理图片,我这里随带的加上图片,主界面的布局很简单如下

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ffe1e0de" >
    
        <Button
            android:id="@+id/button1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:text="扫描二维码" />
    
        <TextView
            android:id="@+id/result"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/button1"
            android:lines="2"
            android:gravity="center_horizontal"
            android:textColor="@android:color/black"
            android:textSize="16sp" />
    
        <ImageView
            android:id="@+id/qrcode_bitmap"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/result"/>
    </RelativeLayout>
    • MainActivity里面的代码如下,里面的功能在上面已经说了

    package com.example.qr_codescan;
    
    
    import android.app.Activity;
    import android.content.Intent;
    import android.graphics.Bitmap;
    import android.os.Bundle;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Button;
    import android.widget.ImageView;
    import android.widget.TextView;
    
    public class MainActivity extends Activity {
    	private final static int SCANNIN_GREQUEST_CODE = 1;
    	/**
    	 * 显示扫描结果
    	 */
    	private TextView mTextView ;
    	/**
    	 * 显示扫描拍的图片
    	 */
    	private ImageView mImageView;
    	
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		
    		mTextView = (TextView) findViewById(R.id.result); 
    		mImageView = (ImageView) findViewById(R.id.qrcode_bitmap);
    		
    		//点击按钮跳转到二维码扫描界面,这里用的是startActivityForResult跳转
    		//扫描完了之后调到该界面
    		Button mButton = (Button) findViewById(R.id.button1);
    		mButton.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View v) {
    				Intent intent = new Intent();
    				intent.setClass(MainActivity.this, MipcaActivityCapture.class);
    				intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
    				startActivityForResult(intent, SCANNIN_GREQUEST_CODE);
    			}
    		});
    	}
    	
    	
    	@Override
        protected void onActivityResult(int requestCode, int resultCode, Intent data) {
            super.onActivityResult(requestCode, resultCode, data);
            switch (requestCode) {
    		case SCANNIN_GREQUEST_CODE:
    			if(resultCode == RESULT_OK){
    				Bundle bundle = data.getExtras();
    				//显示扫描到的内容
    				mTextView.setText(bundle.getString("result"));
    				//显示
    				mImageView.setImageBitmap((Bitmap) data.getParcelableExtra("bitmap"));
    			}
    			break;
    		}
        }	
    
    }
    


    • 上面的代码还是比较简单,但是要想做出像微信那样只的扫描框,紧紧上面的代码是没有那种效果的,我们必须重写com.mining.app.zxing.view包下面的ViewfinderView类,微信里面的都是用的图片,我是自己画出来的,代码注释的比较清楚,大家直接看代码吧,相信你能理解的,如果你要修改扫描框的大小,去CameraManager类里面修改

    /*
     * Copyright (C) 2008 ZXing authors
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
     * You may obtain a copy of the License at
     *
     *      http://www.apache.org/licenses/LICENSE-2.0
     *
     * Unless required by applicable law or agreed to in writing, software
     * distributed under the License is distributed on an "AS IS" BASIS,
     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     * See the License for the specific language governing permissions and
     * limitations under the License.
     */
    
    package com.mining.app.zxing.view;
    
    import java.util.Collection;
    import java.util.HashSet;
    
    import android.content.Context;
    import android.content.res.Resources;
    import android.graphics.Bitmap;
    import android.graphics.Canvas;
    import android.graphics.Color;
    import android.graphics.Paint;
    import android.graphics.Rect;
    import android.graphics.Typeface;
    import android.util.AttributeSet;
    import android.view.View;
    
    import com.example.qr_codescan.R;
    import com.google.zxing.ResultPoint;
    import com.mining.app.zxing.camera.CameraManager;
    
    /**
     * This view is overlaid on top of the camera preview. It adds the viewfinder
     * rectangle and partial transparency outside it, as well as the laser scanner
     * animation and result points.
     * 
     */
    public final class ViewfinderView extends View {
    	private static final String TAG = "log";
    	/**
    	 * 刷新界面的时间
    	 */
    	private static final long ANIMATION_DELAY = 10L;
    	private static final int OPAQUE = 0xFF;
    
    	/**
    	 * 四个绿色边角对应的长度
    	 */
    	private int ScreenRate;
    	
    	/**
    	 * 四个绿色边角对应的宽度
    	 */
    	private static final int CORNER_WIDTH = 10;
    	/**
    	 * 扫描框中的中间线的宽度
    	 */
    	private static final int MIDDLE_LINE_WIDTH = 6;
    	
    	/**
    	 * 扫描框中的中间线的与扫描框左右的间隙
    	 */
    	private static final int MIDDLE_LINE_PADDING = 5;
    	
    	/**
    	 * 中间那条线每次刷新移动的距离
    	 */
    	private static final int SPEEN_DISTANCE = 5;
    	
    	/**
    	 * 手机的屏幕密度
    	 */
    	private static float density;
    	/**
    	 * 字体大小
    	 */
    	private static final int TEXT_SIZE = 16;
    	/**
    	 * 字体距离扫描框下面的距离
    	 */
    	private static final int TEXT_PADDING_TOP = 30;
    	
    	/**
    	 * 画笔对象的引用
    	 */
    	private Paint paint;
    	
    	/**
    	 * 中间滑动线的最顶端位置
    	 */
    	private int slideTop;
    	
    	/**
    	 * 中间滑动线的最底端位置
    	 */
    	private int slideBottom;
    	
    	private Bitmap resultBitmap;
    	private final int maskColor;
    	private final int resultColor;
    	
    	private final int resultPointColor;
    	private Collection<ResultPoint> possibleResultPoints;
    	private Collection<ResultPoint> lastPossibleResultPoints;
    
    	boolean isFirst;
    	
    	public ViewfinderView(Context context, AttributeSet attrs) {
    		super(context, attrs);
    		
    		density = context.getResources().getDisplayMetrics().density;
    		//将像素转换成dp
    		ScreenRate = (int)(20 * density);
    
    		paint = new Paint();
    		Resources resources = getResources();
    		maskColor = resources.getColor(R.color.viewfinder_mask);
    		resultColor = resources.getColor(R.color.result_view);
    
    		resultPointColor = resources.getColor(R.color.possible_result_points);
    		possibleResultPoints = new HashSet<ResultPoint>(5);
    	}
    
    	@Override
    	public void onDraw(Canvas canvas) {
    		//中间的扫描框,你要修改扫描框的大小,去CameraManager里面修改
    		Rect frame = CameraManager.get().getFramingRect();
    		if (frame == null) {
    			return;
    		}
    		
    		//初始化中间线滑动的最上边和最下边
    		if(!isFirst){
    			isFirst = true;
    			slideTop = frame.top;
    			slideBottom = frame.bottom;
    		}
    		
    		//获取屏幕的宽和高
    		int width = canvas.getWidth();
    		int height = canvas.getHeight();
    
    		paint.setColor(resultBitmap != null ? resultColor : maskColor);
    		
    		//画出扫描框外面的阴影部分,共四个部分,扫描框的上面到屏幕上面,扫描框的下面到屏幕下面
    		//扫描框的左边面到屏幕左边,扫描框的右边到屏幕右边
    		canvas.drawRect(0, 0, width, frame.top, paint);
    		canvas.drawRect(0, frame.top, frame.left, frame.bottom + 1, paint);
    		canvas.drawRect(frame.right + 1, frame.top, width, frame.bottom + 1,
    				paint);
    		canvas.drawRect(0, frame.bottom + 1, width, height, paint);
    		
    		
    
    		if (resultBitmap != null) {
    			// Draw the opaque result bitmap over the scanning rectangle
    			paint.setAlpha(OPAQUE);
    			canvas.drawBitmap(resultBitmap, frame.left, frame.top, paint);
    		} else {
    
    			//画扫描框边上的角,总共8个部分
    			paint.setColor(Color.GREEN);
    			canvas.drawRect(frame.left, frame.top, frame.left + ScreenRate,
    					frame.top + CORNER_WIDTH, paint);
    			canvas.drawRect(frame.left, frame.top, frame.left + CORNER_WIDTH, frame.top
    					+ ScreenRate, paint);
    			canvas.drawRect(frame.right - ScreenRate, frame.top, frame.right,
    					frame.top + CORNER_WIDTH, paint);
    			canvas.drawRect(frame.right - CORNER_WIDTH, frame.top, frame.right, frame.top
    					+ ScreenRate, paint);
    			canvas.drawRect(frame.left, frame.bottom - CORNER_WIDTH, frame.left
    					+ ScreenRate, frame.bottom, paint);
    			canvas.drawRect(frame.left, frame.bottom - ScreenRate,
    					frame.left + CORNER_WIDTH, frame.bottom, paint);
    			canvas.drawRect(frame.right - ScreenRate, frame.bottom - CORNER_WIDTH,
    					frame.right, frame.bottom, paint);
    			canvas.drawRect(frame.right - CORNER_WIDTH, frame.bottom - ScreenRate,
    					frame.right, frame.bottom, paint);
    
    			
    			//绘制中间的线,每次刷新界面,中间的线往下移动SPEEN_DISTANCE
    			slideTop += SPEEN_DISTANCE;
    			if(slideTop >= frame.bottom){
    				slideTop = frame.top;
    			}
    			canvas.drawRect(frame.left + MIDDLE_LINE_PADDING, slideTop - MIDDLE_LINE_WIDTH/2, frame.right - MIDDLE_LINE_PADDING,slideTop + MIDDLE_LINE_WIDTH/2, paint);
    			
    			
    			//画扫描框下面的字
    			paint.setColor(Color.WHITE);
    			paint.setTextSize(TEXT_SIZE * density);
    			paint.setAlpha(0x40);
    			paint.setTypeface(Typeface.create("System", Typeface.BOLD));
    			canvas.drawText(getResources().getString(R.string.scan_text), frame.left, (float) (frame.bottom + (float)TEXT_PADDING_TOP *density), paint);
    			
    			
    
    			Collection<ResultPoint> currentPossible = possibleResultPoints;
    			Collection<ResultPoint> currentLast = lastPossibleResultPoints;
    			if (currentPossible.isEmpty()) {
    				lastPossibleResultPoints = null;
    			} else {
    				possibleResultPoints = new HashSet<ResultPoint>(5);
    				lastPossibleResultPoints = currentPossible;
    				paint.setAlpha(OPAQUE);
    				paint.setColor(resultPointColor);
    				for (ResultPoint point : currentPossible) {
    					canvas.drawCircle(frame.left + point.getX(), frame.top
    							+ point.getY(), 6.0f, paint);
    				}
    			}
    			if (currentLast != null) {
    				paint.setAlpha(OPAQUE / 2);
    				paint.setColor(resultPointColor);
    				for (ResultPoint point : currentLast) {
    					canvas.drawCircle(frame.left + point.getX(), frame.top
    							+ point.getY(), 3.0f, paint);
    				}
    			}
    
    			
    			//只刷新扫描框的内容,其他地方不刷新
    			postInvalidateDelayed(ANIMATION_DELAY, frame.left, frame.top,
    					frame.right, frame.bottom);
    			
    		}
    	}
    
    	public void drawViewfinder() {
    		resultBitmap = null;
    		invalidate();
    	}
    
    	/**
    	 * Draw a bitmap with the result points highlighted instead of the live
    	 * scanning display.
    	 * 
    	 * @param barcode
    	 *            An image of the decoded barcode.
    	 */
    	public void drawResultBitmap(Bitmap barcode) {
    		resultBitmap = barcode;
    		invalidate();
    	}
    
    	public void addPossibleResultPoint(ResultPoint point) {
    		possibleResultPoints.add(point);
    	}
    
    }
    

    上面的代码中,中间那根线微信是用的图片,我这里是画的,如果你想更加仿真点就将下面的代码

    canvas.drawRect(frame.left + MIDDLE_LINE_PADDING, slideTop - MIDDLE_LINE_WIDTH/2, frame.right - MIDDLE_LINE_PADDING,slideTop + MIDDLE_LINE_WIDTH/2, paint);

    改成

    Rect lineRect = new Rect();
    			lineRect.left = frame.left;
    			lineRect.right = frame.right;
    			lineRect.top = slideTop;
    			lineRect.bottom = slideTop + 18;
    			canvas.drawBitmap(((BitmapDrawable)(getResources().getDrawable(R.drawable.qrcode_scan_line))).getBitmap(), null, lineRect, paint);

    那条扫描线自己去微信里面找一下,我贴出来的失真了,下载微信apk,将后缀名改成zip,然后解压就行了

    画扫描框下面字体的代码需要修改下,这样子能根据字体自动排列在中间,如果字太长我没有处理,那个要自动换行,你可以自行处理

    paint.setColor(Color.WHITE);  
    paint.setTextSize(TEXT_SIZE * density);  
    paint.setAlpha(0x40);  
    paint.setTypeface(Typeface.DEFAULT_BOLD); 
    String text = getResources().getString(R.string.R.string.scan_text);
    float textWidth = paint.measureText(text);
    
    canvas.drawText(text, (width - textWidth)/2, (float) (frame.bottom + (float)TEXT_PADDING_TOP *density), paint)

    运行界面截图,其中中间的那根绿色的线会上下移动,跟微信的效果差不多,当然运行你还需要相对应的权限问题,有兴趣的朋友可以去下载demo



    从8点多写这篇博客写到现在,看起来这么点字,但实际上还是比较耗时间的,如果你觉得这篇文章对你有帮助,你就顶一下,哈哈,洗澡睡觉去了,上面的项目中还有一些资源文件我没有贴出来,想要看效果可以下载源码


    我在Android 基于google Zxing实现对手机中的二维码进行扫描这篇文章中实现了对手机中二维码照片的扫描,并且替换了中间的扫描线,和微信效果更加相似,建议大家去下那文章的项目源码


    项目源码,点击下载




    展开全文
  • 本文是使用Zxing库。android语言,eclipse等工具集成的扫描二维码的demo。 下面是集成Zxing库和步骤和demo的集成例子。 从https://github.com/zxing/zxing链接上下载Zxing源代码,...

          本文是使用Zxing库。android语言,eclipse等工具集成的扫描二维码的demo。

          下面是集成Zxing库和步骤和demo的集成例子。

          从https://github.com/zxing/zxing链接上下载Zxing源代码,

    展开全文
  • 关于android zxing二维码开发这方面的技术,现在大家比较常用到的扫描二维码扫描本地图片,今天刚解决的一个问题就是我的扫描本地图片二维码的功能老存在问题,有的二维码可以扫出来,有的扫不出来,看网上的帖子...

    关于android zxing二维码开发这方面的技术,现在大家比较常用到的扫描二维码和扫描本地图片,今天刚解决的一个问题就是我的扫描本地图片二维码的功能老存在问题,有的二维码可以扫出来,有的扫不出来,看网上的帖子有人说需要什么将rgb转换成黑白,还有的说要转成yuv格式,试了一下,没有解决自己的问题,有可能我的技术还不到位吧,最后在一个demo里找到了这种方法,直接就解决了问题。

    private void decode(final String picturePath) {
    			
    			new Thread() {
    				@Override
    				public void run() {
    					
    					
    					Bitmap image = BitmapFactory.decodeFile(picturePath);
    					Bitmap bitmap = reduce(image,50,50,true);
    					RGBLuminanceSource source = new RGBLuminanceSource(bitmap);
    					BinaryBitmap binaryBitmap = new BinaryBitmap(
    							new HybridBinarizer(source));
    					Hashtable<DecodeHintType, String> hints = new Hashtable<DecodeHintType, String>();
    					hints.put(DecodeHintType.CHARACTER_SET, "utf-8");
    					QRCodeReader reader = new QRCodeReader();
    					Result result = null;
    					try {
    						result = reader.decode(binaryBitmap, hints);
    					} catch (NotFoundException e) {
    						e.printStackTrace();
    					} catch (ChecksumException e) {
    						e.printStackTrace();
    					} catch (FormatException e) {
    						e.printStackTrace();
    					} finally {
    						reader.reset();
    					}
    					Message message = Message.obtain();
    					if (result != null) {
    						message.what = 0;
    						message.obj = result.getText();
    					} else {
    						message.what = 1;
    					}
    					scanHandler.sendMessage(message);
    				}
    			}.start();
    
    		}
    
    		private Handler scanHandler = new Handler() {
    
    			@Override
    			public void handleMessage(Message msg) {
    				
    				if (msg.what == 0) {
    					
    					//扫描成功获取信息
    					Intent intent = new Intent(Details.this,WebViewactivity.class);
    					   intent.putExtra("txt", msg.obj.toString());
    					   startActivity(intent);
    				} else {
    					Toast.makeText(Details.this, "失败", Toast.LENGTH_LONG)
    							.show();
    				}
    
    				super.handleMessage(msg);
    			}
    
    		};


    /**
    		 * 压缩图片
    		 * @param bitmap 源图片
    		 * @param width 想要的宽度
    		 * @param height 想要的高度
    		 * @param isAdjust 是否自动调整尺寸, true图片就不会拉伸,false严格按照你的尺寸压缩
    		 * @return Bitmap
    		 * @author wangyongzheng
    		 */
    		public Bitmap reduce(Bitmap bitmap, int width, int height, boolean isAdjust) {
    			// 如果想要的宽度和高度都比源图片小,就不压缩了,直接返回原图
    			if (bitmap.getWidth() < width && bitmap.getHeight() < height) {return bitmap;}
    			// 根据想要的尺寸精确计算压缩比例, 方法详解:public BigDecimal divide(BigDecimal divisor, int scale, int roundingMode);
    			// scale表示要保留的小数位, roundingMode表示如何处理多余的小数位,BigDecimal.ROUND_DOWN表示自动舍弃
    			float sx = new BigDecimal(width).divide(new BigDecimal(bitmap.getWidth()), 4, BigDecimal.ROUND_DOWN).floatValue();
    			float sy = new BigDecimal(height).divide(new BigDecimal(bitmap.getHeight()), 4, BigDecimal.ROUND_DOWN).floatValue();
    			if (isAdjust) {// 如果想自动调整比例,不至于图片会拉伸
    				sx = (sx < sy ? sx : sy);sy = sx;// 哪个比例小一点,就用哪个比例
    			}
    			Matrix matrix = new Matrix();
    			matrix.postScale(sx, sy);// 调用api中的方法进行压缩,就大功告成了
    			return Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
    		}



    展开全文
  • 前言月底离开公司,准备月底休息一段时间,之前每天忙于工作,甚至连一些感兴趣的东西都没有研究过,趁着这段时间可以好好享受一下,今天这篇文章主要描述二维码的生成与扫描,使用目前流行的Zxing,底部会给出整个...
  • Android-自定义View实现二维码网格扫描+纵向雷达的扫描效果
  • 此为示例代码,详细讲解请参考: http://blog.csdn.net/guolin_blog/article/details/9526247
  • 现在二维码已经非常普及了,那么二维码扫描与处理也成为了Android开发中的一个必要技能。网上有很多关于Android二维码处理的帖子,大都是在讲开源框架zxing用法,然后贴贴代码就完了,并没有一个系统的分析和...
  • 最近做了一个二维码扫描与生成的一个项目,现在记录一下老师给想要的需求,管理员通过二维码扫描然后获取到学生端的信息然后将这段信息记录进数据库中,于是我就查看蛮多的资料的最后做出来了一个二维码扫描识别...
  • 现在二维码已经非常普及了,那么二维码扫描与处理也成为了Android开发中的一个必要技能。网上有很多关于Android二维码处理的帖子,大都是在讲开源框架zxing用法,然后贴贴代码就完了,并没有一个系统的分析和...
  • Android studio 生成二维码扫描二维码点击libzing下载地址MainActivityimport android.content.Intent; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.support.v7.app....
  • zxing是一个开放源码的,用Java实现的多种格式的1D/2D条码图像处理库,它包含了联系到其他语言的接口;可以实现使用手机的内置的摄像头完成条形码和二维码扫描与解码;也可以实现条形码和二维码的编码与解码。
  • 二维码扫描功能,查了许多资料,感觉都不是太理想,然后就自己从新写一个喽
  • Android Studio中集成Zxing实现条形码和二维码扫描
  • 实现效果: 实现步骤: 1.Gradle添加二维码包引用。 implementation '...2.AndroidManifest.xml 增加相关权限配置。...uses-permission android:name="android.permission.CAMERA" /> <...
  • Android 调用 Zbar 进行二维码扫描或条形码扫描的 Demo 之前尝试使用Zxing来进行扫描,无奈Zxing速度太慢,而且对扫描二维码或条形码的清晰度要求很高,故在网上找寻,发现高人所写的使用Zbar进行二维码扫描的结算,...
  •  了解二维码这个东西还是从微信中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一张图片中扫一下竟然能直接加好友,不可思议啊,那时候还不了解二维码,呵呵,然后做项目的时候,老板说要加上二维码扫描功能...
  • 简介上一篇 Android实现二维码扫描功能(三)-闪光灯控制介绍了光线较弱情况下开启闪光灯来辅助二维码识别的方法。本篇我们介绍如何识别相册中的图片(含二维码)效果因为模拟器文件路径有问题(也可能是我没琢磨对...
  • 目前在做一个和机顶盒相关的app,项目中需要使用二维码扫描来绑定机顶盒。 由于工期的原因,也没时间细细研究,只是粗略集成了一下。 在此,又重新写了一个demo,以示记录。 源码demo:点击下载。 Demo说明: ①...
  • 针对android studio的zxing二维码扫描demo,非常简单,可以说是一目了然
1 2 3 4 5 ... 20
收藏数 17,077
精华内容 6,830
热门标签
关键字:

二维码android 扫描