>>分享Android开发相关的技术 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 20093 个阅读者 刷新本主题
 * 贴子主题:  android 自定义view 实现定制二维码扫描框 回复文章 点赞(0)  收藏  
作者:javathinker    发表时间:2020-03-07 20:08:06     消息  查看  搜索  好友  复制  引用

android 自定义view 实现定制二维码扫描框

本文讲如何通过自定义ViewFinderView这个类来制作我们自己的扫描框。

首先在com\google\zxing\client\android目录下找到ViewFinderView这个类,这个View就是用来绘制二维码扫描的页面的

具体修改代码如下:                

   package com.google.zxing.client.android;

import com.google.zxing.ResultPoint;
import com.google.zxing.client.android.camera.CameraManager;

import android.annotation.SuppressLint;
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 java.util.ArrayList;
import java.util.Collection;
import java.util.HashSet;
import java.util.List;

/**
* 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.
*
*  @author dswitkin@google.com (Daniel Switkin)
*/

public  final   class  ViewfinderView  extends View {

       //维护cameraManager变量
   private CameraManager cameraManager;

   //刷新界面的时间
   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<>( 5);

  }

   //初始化cameraManager对象
   public  void  setCameraManager(CameraManager cameraManager) {
     this.cameraManager = cameraManager;
  }

   @Override
   protected  void  onDraw(Canvas canvas) {
     //中间的扫描框,想要修改扫描框的大小可以去CameraManager里面修改

    Rect frame = cameraManager.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( "请将二维码对准屏幕正中央扫描框", 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();
  }

   public  void  drawResultBitmap(Bitmap barcode) {
    resultBitmap = barcode;
    invalidate();
  }

   public  void  addPossibleResultPoint(ResultPoint point) {
    possibleResultPoints.add(point);
  }

}

     修改完毕后直接运行zxing这个项目,可以看到取景框已经变得比较好看

         点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

         参考博客:Android 基于google Zxing实现二维码、条形码扫描,仿微信二维码扫描效果
                                    
                                                                    
----------------------------
原文链接:https://blog.csdn.net/SakuraMashiro/article/details/73998481

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-03-08 22:54:49 重新编辑]
  Java面向对象编程-->第一个Java程序
  JavaWeb开发-->Servlet技术详解(Ⅱ)
  JSP与Hibernate开发-->Spring、JPA与Hibernate的整合
  Java网络编程-->ServerSocket用法详解
  精通Spring-->Vue指令
  Vue3开发-->Vue组件开发高级技术
  Android开发实践:用脚本编译Android工程
  Android ListView高度问题
  Android开发随想:iPhone和Android之间的对话
  通过Https访问的Not trusted Server Certificate的问题的解决...
  Android带有粘性头部的ScrollView-WelliJohn的博客
  Android网络开发-请求队列-性能提升解决方案
  Android 安装实战
  Android SDCard UnMounted 流程分析
  Android在SDcard建文件夹(在Android中移动文件必用)
  Android 4.0 : 复制APK,复制动态库的Android.mk 文件
  Android内存优化—dumpsys meminfo详解
  Android 碎片(Fragment)
  Android开发学习笔记:浅谈WebView-IT的点点滴滴
  Android Resource介绍和使用-学习Android
  Android访问WEBAPI,传递json
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。