ZXing Barcode Reader：如何在捕获屏幕周围制作自定义边框？

Question

我想在 zxing 捕获屏幕（相机屏幕）周围放置自定义边框。我需要为此进行什么修改？我需要更改哪些活动和布局才能达到此效果？

Answer 1

您根本不需要编辑布局。

在ViewfinderView中找到onDraw方法。它是绘制“扫描矩形”的核心。您可以按照您想要的方式修改它。

实际绘制矩形的代码可以在 此处：

// Draw the exterior (i.e. outside the framing rect) darkened
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);

Answer 2

这个问题已经有答案了。但如果有人需要如何在捕获屏幕周围绘制边框，这里是代码。伊纳扎鲁克的回答是正确的。我的回答只是对此的延伸。

 //initialize new paint in the constructor
 Paint borderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 borderPaint.setColor(ContextCompat.getColor(context, R.color.colorPrimary));

 //inside onDraw
 int distance = (frame.bottom - frame.top) / 4;
 int thickness = 15;

 //top left corner
 canvas.drawRect(frame.left - thickness, frame.top - thickness, distance + frame.left, frame.top, borderPaint);
 canvas.drawRect(frame.left - thickness, frame.top, frame.left, distance + frame.top, borderPaint);

 //top right corner
 canvas.drawRect(frame.right - distance, frame.top - thickness, frame.right + thickness, frame.top, borderPaint);
 canvas.drawRect(frame.right, frame.top, frame.right + thickness, distance + frame.top, borderPaint);

 //bottom left corner
 canvas.drawRect(frame.left - thickness, frame.bottom, distance + frame.left, frame.bottom + thickness, borderPaint);
 canvas.drawRect(frame.left - thickness, frame.bottom - distance, frame.left, frame.bottom, borderPaint);

 //bottom right corner
 canvas.drawRect(frame.right - distance, frame.bottom, frame.right + thickness, frame.bottom + thickness, borderPaint);
 canvas.drawRect(frame.right, frame.bottom - distance, frame.right + thickness, frame.bottom, borderPaint);

Answer 3

这里是其他人的做法。

另请参阅此处，它看起来很有用。

最后，我会使用 这个 一个。

Answer 4

实际上你可以覆盖你自己的colors.xml 文件中的颜色，即

<color name="viewfinder_border">#00d1cf</color>

Answer 5

public class CustomViewFinderView extends ViewFinderView {
        public CustomViewFinderView(Context context, AttributeSet attrs) {
            super(context, attrs);
            setSquareViewFinder(true);
            setBorderColor(android.R.color.transparent);
            setMaskColor(android.R.color.transparent);
            setLaserColor(android.R.color.transparent);
        }
    }
@Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        mImageViewOpenAlbum = rootview.findViewById(R.id.imv_OpenAlbumScanCamera);
        RequestOptions options = new RequestOptions().transforms(new CenterCrop(), new RoundedCorners(10)); // size of the corner radius
        Glide.with(getContext())
                .load(dataPath)
                .apply(options)
                .into(mImageViewOpenAlbum);
        contentFrame = (ViewGroup) rootview.findViewById(R.id.content_frame);

        mImageViewFlash = rootview.findViewById(R.id.imv_FlashScanCamera);
        mImageViewQuestion = rootview.findViewById(R.id.imv_QuestionScanCamera);
        mImageViewOpenAlbum = rootview.findViewById(R.id.imv_OpenAlbumScanCamera);
        Uri allVideosUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
        sharedPreferences = getActivity().getSharedPreferences(KEY.Shared_Preferences_Settings, Context.MODE_PRIVATE);

        String[] projection = {MediaStore.Images.Media._ID, MediaStore.Images.ImageColumns.DATA, MediaStore.Images.Media.DISPLAY_NAME,
                MediaStore.Images.Media.BUCKET_DISPLAY_NAME, MediaStore.Images.Media.BUCKET_ID};
        Cursor cursor = getContext().getContentResolver().query(allVideosUri, projection, null, null, null);

        try {
            cursor.moveToLast();
            do {
                dataPath = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));
            } while (dataPath.length() < 0);

            cursor.close();
        } catch (Exception e) {
            e.printStackTrace();
        }

        Glide.with(Objects.requireNonNull(getContext()))
                .load(dataPath)
                .apply(options)
                .into(mImageViewOpenAlbum);

        mImageViewQuestion.setOnClickListener(this);
        mImageViewFlash.setOnClickListener(this);
        mImageViewOpenAlbum.setOnClickListener(this);

        mScannerView = new ZXingScannerView(getContext()) {
            @Override
            protected IViewFinder createViewFinderView(Context context) {
                return new CustomViewFinderView(context, null);
            }
        };
        contentFrame.addView(mScannerView);

// Здесь мы добавляем собственную рамку
        ImageView customFrame = new ImageView(getContext());
        customFrame.setImageResource(R.drawable.ic_frame);
        customFrame.setScaleX(0.5f);    // уменьшить размер рамки на 50% по оси X
        customFrame.setScaleY(0.5f);    // уменьшить размер рамки на 50% по оси Y
        contentFrame.addView(customFrame);



    }