Question

我是Android的开发者，但我需要知道如何在活动布局中使用相机。

我知道我需要使用Surface View在活动中插入相机，目前我的应用程序正在使用默认相机使用Google Vision阅读QR码（按钮打开相机，用户拍摄照片，我的应用感知活动结果）

但我真的需要使用实时扫描程序在app中实现该功能。

有人可以指导我吗？

Answer 1

以下是我实施类似于您需要的内容的方式。

- 首先，我使用了Zxing库来实现它。因此，您需要将以下依赖项添加到您的gradle：

compile 'com.journeyapps:zxing-android-embedded:3.5.0'

- 以下是travelapps扫描仪项目'Github链接的直接链接：

https://github.com/journeyapps/zxing-android-embedded

- 以下是我制作布局文件的方式：

<!-- language: lang-xml -->
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <com.journeyapps.barcodescanner.DecoratedBarcodeView
        android:id="@+id/view_scanner"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/view_footer"
        android:soundEffectsEnabled="true" />

    <LinearLayout
        android:id="@+id/view_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:orientation="horizontal">

        <LinearLayout
            android:id="@+id/view_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|top"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/_10sdp"
                android:layout_marginTop="@dimen/_10sdp"
                android:src="@drawable/ic_back_light" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/_50sdp"
            android:gravity="right|top">

            <ImageView
                android:id="@+id/iv_flash"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="@dimen/_10sdp"
                android:layout_marginTop="@dimen/_10sdp"
                android:src="@drawable/ic_flash_inactive" />
        </LinearLayout>
    </LinearLayout>


    <LinearLayout
        android:id="@+id/view_footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center"
        android:gravity="center"
        android:orientation="vertical">

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginLeft="@dimen/_10sdp"
            android:layout_marginRight="@dimen/_10sdp"
            android:background="@android:color/darker_gray" />

        <TextView
            android:id="@+id/code_info"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="@string/font_sans_serif_light"
            android:padding="@dimen/_15sdp"
            android:text="@string/app_name"
            android:textColor="@android:color/white"
            android:textSize="@dimen/_15sdp" />


    </LinearLayout>

</FrameLayout>

现在，DecorativeBarcodeView可作为您布局中的主要扫描区域。

- 初始化条形码视图，如下所示：

private DecoratedBarcodeView barcodeView;

barcodeView = (DecoratedBarcodeView) findViewById(R.id.view_scanner);
barcodeView.setStatusText("");
barcodeView.decodeContinuous(callback);

- 在您的活动中，您可以通过以下方式获取BarcodeCallback中的扫描结果：

private BarcodeCallback callback = new BarcodeCallback() {
    @Override
    public void barcodeResult(BarcodeResult result) {
        //Process your scan result here
        String resultString = result.getText();
    }

    @Override
    public void possibleResultPoints(List<ResultPoint> resultPoints) {
    }
};

希望这有帮助。

Answer 2

使用库并且不要将相机放在Activity上，只需调用相机即可。您可以查看此链接并尝试实施它：https://github.com/zxing/zxing

如何在布局内使用扫描QR码和相机（如Whatsapp Web扫描仪）

2 个答案: