zoukankan      html  css  js  c++  java
  • android zxing自定义界面,点击按钮开关闪光灯

    折腾了一天,今天基本把自定义扫描二维码界面实现了,主要碰到的问题是文本过长,要居中并换行,绘制图片,点击切换不同图片,打开或关闭闪关灯,结果发现在一些机型上出现空指针异常,又牵扯到硬件加速问题。。。参考了网上一下解决办法,记录一下 
    先上一张效果图 
    这里写图片描述 
    开发者遇到的问题以及知识点 
    1.长文本换行与居中 
    处理文字可以使用StaticLayout,本例中用到的构造方法是 
    public StaticLayout(CharSequence source, TextPaint paint, 
    int width, 
    Alignment align, float spacingmult, float spacingadd, 
    boolean includepad) 
    1).需要填写的字符串

    2) .画笔

    3).layout的宽度,字符串超出宽度时,自动换行。

    4).对齐方式,有ALIGN_CENTER, ALIGN_NORMAL, ALIGN_OPPOSITE 三种。使用ALIGN_CENTER可居中

    5).相对行间距,相对字体大小,1.5f表示行间距为1.5倍的字体高度。

    6).相对行间距,0表示0个像素。

    实际行间距等于这两者的和。

    7).没查到这个参数表示的意思 
    默认是从画布的(0,0)坐标开始,如果需要在指定位置绘画,在draw之前移Canvas的起始坐标canvas.translate(x,y); 
    在canvas.translate(x,y)操作中,可以使用canvas的一些方法进行处理 
    canvas.save();//锁画布(为了保存之前的画布状态) 
    canvas.translate(x, y);//把当前画布的原点移到(x,y),后面的操作都以(x,y)作为参照点,默认原点为(0,0) 
    canvas.restore();//把当前画布返回(调整)到上一个save()状态之前 
    如果不进行处理也可以,再重新绘制其他View的时候,坐标就需要相应的调整了 
    2.第二个问题是在界面上绘制图片 
    绘制图片有两种方法 
    1)、基本 
    drawBitmap(Bitmap bitmap, float left, float top, Paint paint) 
    //Bitmap:图片,left:图片左边位置,top:图片顶部的位置 
    2)、对图片裁剪以及限定显示区域 
    drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint paint); 
    bitmap的默认坐标是0,0.矩形src为我们所剪辑的图片的包围框,即你所剪的图片,为空,就是整张图片。 
    矩形dst容纳裁剪的图片,然后根据此矩形的位置设置图片的位置。此参数不能为空。 
    当你剪的图片大小大于dst时,多余的部分将不会显示。 
    也就是说src是裁减区,对原始图的裁减区域,而dst是代表图片显示位置. 
    3.drawBitmap()方法空指针异常 
    在小米手机上测试,竟然提示 
    java.lang.NullPointerException 
    at android.view.GLES20RecordingCanvas.drawBitmap 
    在网上查了一下,这个是和硬件加速有关系,在AndroidManifest.xml application下设定: 
    android:hardwareAccelerated=”false” 
    测试没发现问题 
    下边记录一下在网上找到的关于硬件加速的资料 
    硬件加速可以在一下四个级别开启或关闭: 
    Application 
    Activity 
    Window 
    View

    Application级别 
    往您的应用程序AndroidManifest.xml文件为application标签添加application android:hardwareAccelerated=”true”属性即可为整个应用程序开启硬件加速 
    Activity级别 
    控制每个activity是否开启硬件加速,只需在activity元素中添加android:hardwareAccelerated属性 
    Window级别 
    使用如下代码开启某个window的硬件加速: 
    getWindow().setFlags( WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED, WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED); 
    View级别 
    用以下的代码关闭单个view的硬件加速: 
    myView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); 
    在这四个层次中,应用和Activity是可以选择的,Window只能打开,View只能关闭。

    检查是否开启硬件加速 
    / 方法一 
    // 返回true,如果myView挂在一个开启了硬件加速的Window之下 
    myView.isHardwareAccelerated(); 
    // 方法二 
    // 返回true,如果canvas在绘制的时候启用了硬件加速 
    // 尽量采用此方法来判断是否开启了硬件加速 
    canvas.isHardwareAccelerated(); 
    4.zxing二维码扫描开启或关闭闪光灯 
    不要忘记在onDestroy方法里关闭闪光灯

    public void enableFlash(){  
            FlashlightManager.enableFlashlight();  
            try {  
                if (context.getPackageManager().hasSystemFeature(  
                        PackageManager.FEATURE_CAMERA_FLASH)) {  
                    Parameters p = camera.getParameters();  
                    p.setFlashMode(Parameters.FLASH_MODE_TORCH);  
                    camera.setParameters(p);  
                }  
            } catch (Exception e) {  
                e.printStackTrace();  
            }  
        }  
    
        public void disableFlash(){  
            FlashlightManager.enableFlashlight();  
    
            try {  
                if (context.getPackageManager().hasSystemFeature(  
                        PackageManager.FEATURE_CAMERA_FLASH)) {  
                     Parameters p = camera.getParameters();  
                        p.setFlashMode(Parameters.FLASH_MODE_OFF);  
                        camera.setParameters(p);  
                }  
            } catch (Exception e) {  
                e.printStackTrace();  
            }  
        }

    5.点击canvas绘制的图片 
    思路:在onTouchEvent中获取手指点击坐标,判断坐标是否在图片范围之内,如果在,进行点击操作

    @Override
        public boolean onTouchEvent(MotionEvent event) {
            // 获取点击屏幕时的点的坐标
            float x = event.getX();
            float y = event.getY();
            if((x>drawableLeft&&x<drawableRight)
                    ||(y>drawableTop&&y<drawableBottom)){
                if(isOpen){
                    CameraManager.get().enableFlash();
                }else{
                    CameraManager.get().disableFlash();
                }
                drawBitMap(isOpen);
                isOpen=!isOpen;
            }
            return super.onTouchEvent(event);
        }

    上完整代码

    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_BOTTOM = 50;
    
        /**
         * 字体距离扫描框上边的距离
         */
        private static final int TEXT_PADDING_TOP = 50;
    
        /**
         * 画笔对象的引用
         */
        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;
        StaticLayout layoutTop;//绘制扫描框上边字体
        StaticLayout layoutBottom;//绘制扫描框下字体
        TextPaint textPaint;//绘制字体
    
        //绘制显示的开灯关灯图片
        private Resources mResources;
        private Paint mBitPaint;
        private Bitmap mBitmap;
        private Rect mSrcRect, mDestRect;
        private  Rect frame;
        private Canvas drawBitmapCanvas;//绘制图片
        //绘制图片的上下左右坐标
        private int drawableLeft;
        private int drawableTop;
        private int drawableBottom;
        private int drawableRight;
        //是否点击开灯图片
        private boolean isOpen=false;
        //是否绘画图片
        private boolean isDraw = false;
    
        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) {
            //中间的扫描框
            frame = CameraManager.get().getFramingRect();
            if (frame == null) {
                return;
            }
            drawBitmapCanvas = canvas;
            //初始化中间线滑动的最上边和最下边
            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);
        /*  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.qrline))).getBitmap(), null, lineRect, paint);
    */
                //画扫描框上面的字,并且居中
    
                if (textPaint == null) {
                    textPaint = new TextPaint();
                }
                textPaint.setColor(Color.WHITE);
                textPaint.setTextSize(TEXT_SIZE * density);
                //textPaint.setAlpha(0x40);
                textPaint.setTypeface(Typeface.DEFAULT_BOLD);
                String textTop = "XXXXXXXXXXXXXXXXXXXXX";
                // float textWidthTop = paint.measureText(textTop);
                if (layoutTop == null) {
                    layoutTop = new StaticLayout(textTop, textPaint, frame.right - frame.left, Layout.Alignment.ALIGN_CENTER, 1.0F, 0.0F, true);
                }
                canvas.save();//锁画布(为了保存之前的画布状态)
                //开始绘制的位置
                //把当前画布的原点移到(frame.left, (float) (frame.top - (float) TEXT_PADDING_TOP * density)),
                // 后面的操作都以(frame.left, (float) (frame.top - (float) TEXT_PADDING_TOP * density))作为参照点,默认原点为(0,0)
                canvas.translate(frame.left, (float) (frame.top - (float) TEXT_PADDING_TOP * density));
                layoutTop.draw(canvas);
                canvas.restore();//把当前画布返回(调整)到上一个save()状态之前
                //画扫描框下面的字,并且居中
                String textBottom = "XXXXXXXXXXXXXXXXXXXXXXXXXX";
                // float textWidthTop = paint.measureText(textTop);
                if (layoutBottom == null) {
                    layoutBottom = new StaticLayout(textBottom, textPaint, frame.right - frame.left, Layout.Alignment.ALIGN_CENTER, 1.0F, 0.0F, true);
                }
                canvas.save();//锁画布(为了保存之前的画布状态)
                //开始绘制的位置
                canvas.translate(frame.left, (float) (frame.bottom) + 18);
                layoutBottom.draw(canvas);
                canvas.restore();
    
    
                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);
    
                    drawBitMap(isOpen);
    
    
    
            }
        }
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            // 获取点击屏幕时的点的坐标
            float x = event.getX();
            float y = event.getY();
            if((x>drawableLeft&&x<drawableRight)
                    ||(y>drawableTop&&y<drawableBottom)){
                if(!isOpen){
                    CameraManager.get().enableFlash();
                }else{
                    CameraManager.get().disableFlash();
                }
                drawBitMap(isOpen);
                isOpen=!isOpen;
            }
            return super.onTouchEvent(event);
        }
    
    
        //绘制图片,并且根据点击切换不同的图标,切换是否开灯图标
        public void drawBitMap(boolean isOpen){
            //绘制显示的图片
            mResources = getResources();
            if(mBitPaint==null){
                mBitPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
            }
            mBitPaint.setFilterBitmap(true);
            mBitPaint.setDither(true);
            try {
                if(isOpen){
                    mBitmap =  BitmapFactory.decodeResource(getResources(), R.drawable.defaultalarm);;
                }else{
                    mBitmap =  BitmapFactory.decodeResource(getResources(), R.drawable.alarm);
                }
    
            }catch (Exception e){
                e.printStackTrace();
            }
            //要绘制的bitmap 区域
    
            if(mSrcRect == null){
                mSrcRect = new Rect(0, 0, mBitmap.getWidth(), mBitmap.getHeight());
            }
            //要将bitmap 绘制在屏幕的什么地方
            // 计算左边位置
            int left =frame.left+(frame.right-frame.left)/2- mBitmap.getWidth() / 2;
            // 计算上边位置
            int top = frame.bottom +  (int)(TEXT_PADDING_TOP * density);
    
            drawableLeft = left;
            drawableRight = left+mBitmap.getWidth();
            drawableTop = top;
            drawableBottom = top+mBitmap.getHeight();
    
            if(mDestRect == null){
                mDestRect = new Rect(drawableLeft,drawableTop, drawableRight,drawableBottom);
    
            }
    
            invalidate(drawableLeft,drawableTop, drawableRight,drawableBottom);
    
            drawBitmapCanvas.drawBitmap(mBitmap, mSrcRect, mDestRect, mBitPaint);
            isDraw = true;
        }
    
        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);
        }
    }
  • 相关阅读:
    http基本概念和常见状态码
    JDK1.7 hashMap并发扩容死循环原理
    HashMap初始化数组原理,为什么是2的N次方?
    Rest接口加Http单向认证
    post和get乱码解决方法
    用迭代法实现二叉树的前、中、后序遍历
    搭建基于Zookeeper和solr的分布式搜索:solrcloud
    正向代理,反向代理及其作用
    二分查找向左或向右紧缩
    tcp四次挥手
  • 原文地址:https://www.cnblogs.com/miaoqing/p/5073827.html
Copyright © 2011-2022 走看看