高级UI三方工具集

二维码扫描库使用

2020-03-29  本文已影响0人  奔跑的佩恩

前言

以前使用二维码相关扫描的时候,一直都是调用别人封装的扫描库,但是多少在使用时会感觉有些懵逼,特别是需要自定义扫描界面的时候。于是,由于近段时间也是涉及到扫描的问题。然后结合网上一些大神的处理和一些库对于扫描相关的处理,我自己自己引用zxing库简单封装了一个扫描库,这里对扫描库的使用做下简单介绍。

今天涉及内容:

  1. 库依赖
  2. 扫描库具备功能介绍
  3. 主要类介绍
  4. 定制版扫描界面功能的使用
    4.1 CaptureActivity 特点
    4.2 调用定制版的扫描界面为啥要多写个类继承CaptureActivity
    4.3 定制版扫描界面示例
    4.4 微调定制版扫描界面参数
  5. 自定义扫描界面功能的使用
    5.1 BaseCaptureActivity中主要方法介绍
    5.2 自定义扫描界面
  6. 一维码/二维码生成
  7. 扫描一维码/二维码生成MainActivity中的使用
  8. 效果图和项目结构图

先来波效果图


1.gif

一.库依赖

本扫描库是基于zxing库的封装,需要在你项目的app_module对应的build.gradle中添加如下依赖:

dependencies {
    //zxing扫描库
    implementation 'com.google.zxing:core:3.4.0'
}

二. 扫描库具备功能介绍

扫描库具备一维码/二维码扫描,生成一维码/二维码的功能。

三. 主要类介绍

此扫描库涉及的类比较多,但是我们在使用的时候,只要关注以下几个类即可:

扫描库具备自定义扫描界面和使用定制版扫描界面的功能,若想快速接入扫描功能,推荐使用定制版扫描界面功能,若对扫描界面有特别的ui需求,可自行定义扫描界面,这时你可以使用自定义扫描界面功能。下面就以上两个功能一 一讲解。

四.定制版扫描界面功能的使用

当你想使用库内的定制版扫描界面功能的时候,你需要在你项目中写一个类继承自CaptureActivityCaptureActivity是一个定制版扫描界面的基类,其继承于BaseCaptureActivity。当你想快速使用一个定制版扫描界面的时候,你可以写一个类继承此类。

4.1 CaptureActivity 特点

CaptureActivity几乎实现了一个扫描界面需要的所有功能。包括直接扫描二维码,闪光灯,选择相册照片扫描CaptureActivity实现了一个定制版的扫描界面。

4.2 调用定制版的扫描界面为啥要多写个类继承CaptureActivity

Q:CaptureActivity功能已经很完美了,那为啥还要多写个子类去继承它才能调用定制版的扫描界面,你秀你妹呢?
A: 呃,CaptureActivity虽然功能完美,可以加快开发者接入一个扫描界面,但是介于以下几点考虑:

基于以上几点,则需要开发者写一个子类继承于CaptureActivity,当有需求时用于微调定制版扫描界面参数。以达到最快接入且具备一定灵活性的特点。

4.3 定制版扫描界面示例

继承于CaptureActivity,你可以像下面这样写一个定制版扫描界面(以ScanActivity为例):

/**
 * Title:扫描界面
 * description:
 * autor:pei
 * created on 2020/3/28
 */
public class ScanActivity extends CaptureActivity {

    @Override
    protected boolean scanFinish() {
        //扫描完毕后,是否立刻关闭扫描界面。true:是,false:否。
        return false;
    }

    @Override
    protected void noAlbumPermission() {

    }

    @Override
    protected void scanSuccess(String result, int width, int height) {
        LogUtil.i("======扫描success的结果====result="+result);
    }

    @Override
    protected void scanFailed(String result, int width, int height) {
        LogUtil.i("======扫描failed的结果====result="+result);
    }
}

假如你项目中界面A需要集成定制版扫描界面ScanActivity,那么你需要如下几步处理:

  1. 你需要在你项目的Androidmanifast.xml中注册ScanActivity以用于界面跳转。
  2. 在界面A中点击按钮时处理打开相机,相册读写权限等。涉及要修改的地方有Androidmanifast.xml,fileprovider以及android6.0+用户手动权限 这里就不详细说明了。
  3. 然后在具备权限的情况下,你可以在界面A通过以下方法跳转到定制版扫描界面ScanActivity
//跳转扫描界面
BaseCaptureActivity.startAct(Context context,Class<?>cls);
  1. 定制版扫描界面ScanActivity中几个方法的解释:
    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        BaseCaptureActivity.getCodeResult(requestCode, data, new OnScanResultListener() {
            @Override
            public void scanSuccess(String result, int width, int height) {
               //扫描结果成功的处理
               //.... 
            }

            @Override
            public void scanFailed(String result, int width, int height) {
                //扫描结果失败的处理
                //.... 
            }
        });
    }

返回false表示扫描出结果后,不关闭扫描界面。这时你的扫描结果是在定制版扫描界面ScanActivity中处理,而不是在界面A 中处理。所以你要在定制版扫描界面ScanActivity的scanSuccess(String result, int width, int height)和scanFailed(String result, int width, int height)中做扫描成功和扫描失败的处理,类似如下:

    @Override
    protected void scanSuccess(String result, int width, int height) {
        //扫描成功的处理
        //...
    }

    @Override
    protected void scanFailed(String result, int width, int height) {
        //扫描失败的处理
        //...
    }
4.4 微调定制版扫描界面参数

以修改扫描界面返回键文字为例,可以在ScanActivity中重载其父类CaptureActivityinitData()方法,并在其中修改返回键文字,类似下面这样:

/**
 * Title:扫描界面
 * description:
 * autor:pei
 * created on 2020/3/28
 */
public class ScanActivity extends CaptureActivity {
    
    //其他方法,在此省略
    //......
    
    @Override
    protected void initData() {
        super.initData();

        super.mTvBack.setText("大家好");
    }

}

其他参数的微调类似,必要时也可重写父类CaptureActivity中的一些方法,用以微调其他参数。

五.自定义扫描界面功能的使用

自定义扫描界面,你需要继承BaseCaptureActivity写一个自己的扫描界面。BaseCaptureActivity是一个扫描界面的基类,如果你需要自定义扫描界面,那么你可以直接继承它实现自己的扫描界面。

5.1 BaseCaptureActivity中主要方法介绍

BaseCaptureActivity包含以下几个静态方法,便于开发者在使用的过程中调用:

    /**默认跳转**/
    public static void startAct(Context context,Class<?>cls)
    
    /**获取二维码内容**/
    public static void getCodeResult(int resultCode, Intent data, OnScanResultListener listener)

其他主要方法介绍:

    /**
     * 传两个参数:第一个参数为int,布局id,如:R.layout.activity_capture
     *           第二个参数为boolean,true表示扫描后立即关闭扫描界面,false表示扫描后不关闭扫描界面
     *           第二个参数传null时,isScanedFinish取默认值为true,即扫描后立即返回
     * @return
     */
    protected abstract Object[] getContentArray();

还有以下几个虚拟方法,都是在自定义扫描界面的时候需要实现的:

    protected abstract void initView();
    protected abstract SurfaceView getSurfaceView();
    /**初始化截取的矩形区域**/
    protected abstract void initCrop();
    protected abstract void setListener();

    /**没有相册权限的处理**/
    protected abstract void noAlbumPermission();

    /**扫描成功返回的处理**/
    protected abstract void scanSuccess(String result,int width,int height);
    /**扫描失败返回的处理**/
    protected abstract void scanFailed(String result,int width,int height);
    /***
     * 扫描动画
     *
     * @param view 扫描线的imageView
     * @param duration 扫描时间间隔,单位毫秒,若duration<=0,则取默认时间间隔2500毫秒
     */
    public void scanAnimation(View view,int duration)
    
    /**打开相册**/
    public void selectImage() 
    
    /**开启/关闭闪光灯**/
    public void changeFlashLight()
5.2 自定义扫描界面

自定义扫描界面需要继承BaseCaptureActivity,以自定义扫描界面CustScanActivity为例,你可以像下面这样开始你的自定义扫描界面:

/**
 * Title:自定义扫描界面
 * description:
 * autor:pei
 * created on 2020/3/28
 */
public class CustScanActivity extends BaseCaptureActivity {

    @Override
    protected Object[] getContentArray() {
        //参数1:布局文件id,如 R.layout.activity_cus_scan
        //参数2:扫描完毕后,是否立刻关闭扫描界面。true:是,false:否。
        //例如:return new Object[]{R.layout.activity_cus_scan,true};
        return new Object[]{1,true};
    }

    @Override
    protected void initView() {
       //初始化控件
    }

    @Override
    protected SurfaceView getSurfaceView() {
        return null;//返回SurfaceView对象,必须返回,不能为null
    }

    @Override
    protected void initData() {
        super.initData();
        //当你自定义扫描界面的时候,你可能需要使用到这个扫描动画的方法,具体使用可参考CaptureActivity类
//        //扫描动画
//        scanAnimation(mImvScan,0);
    }

    @Override
    protected void initCrop() {
        //在此设置扫描二维码的尺寸,如:
//        super.mCropRect=new Rect();
//        mCropRect.set(0,0,200,200);
        //不过一般我们都直接调用父类默认测量代码,
        //参考CaptureActivity中super.defaultInitCrop(mPreLayout,mScanLayout);
    }

    @Override
    protected void setListener() {

    }

    @Override
    protected void noAlbumPermission() {
       //未给定打开相册权限的处理
    }

    @Override
    public void onClick(View v) {

    }

    @Override
    protected void scanSuccess(String result, int width, int height) {
        //扫描成功的处理

    }

    @Override
    protected void scanFailed(String result, int width, int height) {
        //扫描失败的处理
    }

}

假如你项目中界面A需要集成定义扫描界面CustScanActivity.那么你需要如下几步处理:

  1. 你需要在你项目的Androidmanifast.xml中注册CustScanActivity以用于界面跳转。
  2. 界面A中点击按钮时处理打开相机,相册读写权限等。涉及要修改的地方有Androidmanifast.xml,fileprovider以及android6.0+用户手动权限 这里就不详细说明了。
  3. 然后在具备权限的情况下,你可以在界面A通过以下方法跳转到自定义扫描界面CustScanActivity
//跳转扫描界面
BaseCaptureActivity.startAct(Context context,Class<?>cls);
  1. 在自定义扫描界面CustScanActivity中实现getContentArray()方法,类似如下:
    @Override
    protected Object[] getContentArray() {
        //参数1:布局文件id,如 R.layout.activity_cus_scan
        //参数2:扫描完毕后,是否立刻关闭扫描界面。true:是,false:否。
        return new Object[]{R.layout.activity_cus_scan,true};
    }
    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        BaseCaptureActivity.getCodeResult(requestCode, data, new OnScanResultListener() {
            @Override
            public void scanSuccess(String result, int width, int height) {
               //扫描结果成功的处理
               //.... 
            }

            @Override
            public void scanFailed(String result, int width, int height) {
                //扫描结果失败的处理
                //.... 
            }
        });
    }
    @Override
    protected void scanSuccess(String result, int width, int height) {
        //扫描成功的处理
        //...
    }

    @Override
    protected void scanFailed(String result, int width, int height) {
        //扫描失败的处理
        //...
    }
  1. 自定义扫描界面CustScanActivity其他几个方法的解释

六.一维码/二维码生成

一维码/二维码生成主要用到工具类EncodingUtils,下面列出EncodingUtils几个主要方法:

    /**
     * 创建黑色二维码
     *
     * @param content   content
     * @param widthPix  widthPix
     * @param heightPix heightPix
     * @param logoBm    logoBm
     * @return 二维码
     */
    public static Bitmap createQRCode(String content, int widthPix, int heightPix, Bitmap logoBm)

    /**
     * 生成单色二维码
     * @param content 二维码内容
     * @param widthPix 二维码尺寸(宽度)
     * @param color 二维码颜色,格式为: 0xff000000 或 Color.RED
     * @param heightPix 二维码尺寸(高度)
     * @param logoBm 二维码logo,为null时表示二维码中无图片
     * @return
     */
    public static Bitmap createPureColorQRCode(String content, int widthPix, int heightPix, int color,Bitmap logoBm) 

    /**
     * 生成一维码
     *
     * @param content 文本内容
     * @param qrWidth 条形码的宽度
     * @param qrHeight 条形码的高度
     * @param hasText 一维码底部是否显示文字。true:显示,false:不显示
     * @return bitmap
     */
    public static Bitmap createBarCode(String content, int qrWidth, int qrHeight,boolean hasText)

七.扫描及一维码/二维码生成在MainActivity中的使用

下main贴出在MainActivity中使用代码:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private TextView mTextView;
    private TextView mTextView1;
    //声明
    private ImageView mImv;
    private Button mButton1;
    private Button mButton2;
    private Button mButton3;
    private Button mButton4;

    private static final int PERMISSION_CODE=1234;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mTextView1=findViewById(R.id.tv1);
        //初始化
        mImv=findViewById(R.id.imv);

        mButton1=findViewById(R.id.btn1);
        mButton2=findViewById(R.id.btn2);
        mButton3=findViewById(R.id.btn3);
        mButton4=findViewById(R.id.btn4);

        //设置监听
        setListener();

        //申请权限
        requestPermission(MainActivity.PERMISSION_CODE);

    }


    private void requestPermission(int requestCode) {
        String permissions[] = {
                Manifest.permission.CAMERA,
                Manifest.permission.READ_EXTERNAL_STORAGE,
                Manifest.permission.WRITE_EXTERNAL_STORAGE};
        PermissionHelper.getInstance().checkPermissions(permissions, requestCode, MainActivity.this);
    }

    @PermissionSuccess(requestCode = MainActivity.PERMISSION_CODE)
    public void requestSuccess() {
        //申请到权限后的处理
        //......

        LogUtil.i("=====权限申请成功======");
    }

    @PermissionFail(requestCode = MainActivity.PERMISSION_CODE)
    public void requestFail() {
        //未获取到权限的处理
        //......

        LogUtil.i("=====权限申请失败======");
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String permissions[], @NonNull int[] grantResults) {
        PermissionHelper.getInstance().onRequestPermissionsResult(requestCode, permissions, grantResults);
    }

    private void setListener(){
        mButton1.setOnClickListener(this);
        mButton2.setOnClickListener(this);
        mButton3.setOnClickListener(this);
        mButton4.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
       String input="http://weixin.qq.com/r/k0MlPaDEaf0WreRe9xaB";
       switch (v.getId()) {
           case R.id.btn1://扫描
               BaseCaptureActivity.startAct(this,ScanActivity.class);
               break;
           case R.id.btn2://生成条形码
               //生成底部文字的条形码
               Bitmap bitmap1= EncodingUtils.createBarCode("ben pao de pain", ScreenUtil.dp2px(250,this), ScreenUtil.dp2px(100,this),true);
               mImv.setImageBitmap(bitmap1);
               break;
           case R.id.btn3://生成黑色带logo的二维码
               Bitmap bitmaoLogo= BitmapFactory.decodeResource(getResources(),R.mipmap.ic_pain);
               Bitmap bitmap2=EncodingUtils.createQRCode(input, ScreenUtil.dp2px(250,this),ScreenUtil.dp2px(250,this),bitmaoLogo);
               mImv.setImageBitmap(bitmap2);
               break;
           case R.id.btn4://生成单色二维码
               Bitmap bitmap3=EncodingUtils.createPureColorQRCode(input, ScreenUtil.dp2px(250,this),ScreenUtil.dp2px(250,this), 0xff0c9f11,null);
               mImv.setImageBitmap(bitmap3);
               break;
           default:
               break;
       }
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

    }
}

八.效果图和项目结构图

1.gif
image.png

ok,今天的内容就将到这里了,谢谢大家。

上一篇下一篇

猜你喜欢

热点阅读