web-dev-qa-db-ja.com

フラグメントのカスタムレイアウトのZXingバーコードスキャナー

このページ on Android Studio。

私のアプリbuild.gradleが含まれていた:

repositories {
    mavenCentral()

    maven {
        url "https://raw.github.com/embarkmobile/zxing-Android-minimal/mvn-repo/maven-repository/"
    }
}

dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    compile 'com.Android.support:appcompat-v7:23.0.1'
    compile files('src/main/jniLibs/scanditsdk-Android-4.7.5.jar')
    compile files('src/main/jniLibs/httpclient-4.0.jar')

    compile 'com.journeyapps:zxing-Android-embedded:3.0.3@aar'
    compile 'com.google.zxing:core:3.2.0'
}

と私 Fragment.xmlのレイアウト:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:background="#00CC00"
    Android:orientation="vertical"
    Android:weightSum="100">

    <com.journeyapps.barcodescanner.CompoundBarcodeView
        Android:id="@+id/barcode_scanner"
        Android:layout_width="match_parent"
        Android:layout_height="0dp"
        Android:layout_weight="40"
        >

    </com.journeyapps.barcodescanner.CompoundBarcodeView>

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:layout_marginTop="5dp"
        Android:gravity="center"
        Android:orientation="horizontal"
        Android:weightSum="100"
        style="?android:attr/buttonBarStyle"
        >


        <Button
            Android:id="@+id/btnStartScan"
            Android:layout_width="0dp"
            Android:layout_height="50dp"
            Android:layout_weight="25"
            Android:text="Start"
            Android:background="@drawable/buttonstyle"
            style="@style/button_style"/>

        <Button
            Android:id="@+id/btnStopScan"
            Android:layout_width="0dp"
            Android:layout_height="50dp"
            Android:layout_weight="25"
            Android:text="Stop"
            Android:background="@drawable/buttonstyle"
            style="@style/button_style"/>

        <Button
            Android:id="@+id/btnPauseScan"
            Android:layout_width="0dp"
            Android:layout_height="50dp"
            Android:layout_weight="25"
            Android:text="Pause"
            Android:background="@drawable/buttonstyle"
            style="@style/button_style"/>

        <Button
            Android:id="@+id/btnResumeScan"
            Android:layout_width="0dp"
            Android:layout_height="50dp"
            Android:layout_weight="25"
            Android:text="Resume"
            Android:background="@drawable/buttonstyle"
            style="@style/button_style"/>
    </LinearLayout>

</LinearLayout>

次に、私のフラグメントコードは次のようになります。

public class CMCSMOFragment extends Fragment implements View.OnClickListener {

    private CompoundBarcodeView barcodeView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        if (container == null) {
            return null;
        }

        View v;
        v = inflater.inflate(R.layout.cmcsmo_layout, container, false);

        barcodeView = (CompoundBarcodeView) v.findViewById(R.id.barcode_scanner);
        barcodeView.decodeContinuous(callback);

        return v;
    }

    private BarcodeCallback callback = new BarcodeCallback() {
        @Override
        public void barcodeResult(BarcodeResult result) {
            if (result.getText() != null) {
                barcodeView.setStatusText(result.getText());
            }

            //Do something with code result
        }

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

そして、アプリをビルドすると、CompoundBarcodeViewはZXingテキストを含む黒のビューのみを表示します。

ビューファインダーの長方形内にバーコードを配置してスキャンします。

編集:

レノンの提案に従ってください、私はzxing-minimumしかし、ポートレートモードでの作業は許可されていません:(。

この問題を解決するにはどうすればよいですか?すべての助けてくれてありがとう!

13
Mr Neo

ZXingの所有者は、次のコードをonResumeおよびonPauseオーバーライドメソッドにのみ追加すると言っています。

@Override
public void onResume() {
    barcodeView.resume();
    super.onResume();
}

@Override
public void onPause() {
    barcodeView.pause();
    super.onPause();
}
11
Mr Neo

バーコードビューを初期化する必要があります。

このコードを試してください:

IntentIntegrator integrator = IntentIntegrator.forSupportFragment(this);
barcodeView.initializeFromIntent(integrator.createScanIntent());

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

2
zongo

次のリンクのようなzxingの最小ライブラリを使用してみてください。 https://github.com/andreipro/zxing-Android-minimal

それは簡単です。これらの行をgradleに追加するだけです

repositories {
    mavenCentral()

    maven {
        url "https://raw.github.com/embarkmobile/zxing-Android-minimal/mvn-repo/maven-repository/"
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.Android.support:support-v13:22.2.0'

    // Zxing minimal libraries
    compile 'com.embarkmobile:zxing-Android-minimal:2.0.0@aar'
    compile 'com.embarkmobile:zxing-Android-integration:2.0.0@aar'
    compile 'com.google.zxing:core:3.0.1'
}

そして、これを使用してバーコードを呼び出すだけです

new IntentIntegrator(this).initiateScan(); // `this` is the current Activity

あなたの場合、カスタムレイアウトを使用したいので、以下のレイアウトなどのいくつかのパラメーターに従ってカスタムレイアウトを作成する必要があります。

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools">

    <SurfaceView Android:id="@+id/zxing_preview_view"
        Android:layout_width="fill_parent"
        Android:layout_height="fill_parent"/>

    <com.google.zxing.client.Android.ViewfinderView
        Android:id="@+id/zxing_viewfinder_view"
        Android:layout_width="fill_parent"
        Android:layout_height="fill_parent"/>

    <LinearLayout
        Android:id="@+id/zxing_result_view"
        Android:orientation="vertical"
        Android:layout_width="fill_parent"
        Android:layout_height="fill_parent"
        Android:background="@color/zxing_result_view"
        Android:visibility="gone"
        Android:baselineAligned="false">

        <LinearLayout
            Android:orientation="horizontal"
            Android:layout_width="fill_parent"
            Android:layout_height="wrap_content"
            Android:layout_weight="1"
            Android:gravity="center"
            Android:padding="@dimen/zxing_standard_padding">

            <LinearLayout
                Android:orientation="vertical"
                Android:layout_width="wrap_content"
                Android:layout_height="fill_parent"
                Android:gravity="right|center_vertical">

                <ImageView Android:id="@+id/zxing_barcode_image_view"
                    Android:layout_width="160dip"
                    Android:layout_height="wrap_content"
                    Android:maxWidth="160dip"
                    Android:maxHeight="160dip"
                    Android:layout_marginBottom="@dimen/zxing_half_padding"
                    Android:adjustViewBounds="true"
                    Android:scaleType="centerInside"
                    tools:ignore="ContentDescription"/>

                <LinearLayout
                    Android:orientation="horizontal"
                    Android:layout_width="wrap_content"
                    Android:layout_height="wrap_content">

                    <TextView Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:text="@string/zxing_msg_default_format"
                        Android:textColor="@color/zxing_result_minor_text"
                        Android:textStyle="bold"
                        Android:paddingRight="@dimen/zxing_half_padding"/>

                    <TextView Android:id="@+id/zxing_format_text_view"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:textColor="@color/zxing_result_minor_text"/>

                </LinearLayout>

                <LinearLayout
                    Android:orientation="horizontal"
                    Android:layout_width="wrap_content"
                    Android:layout_height="wrap_content">

                    <TextView Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:text="@string/zxing_msg_default_type"
                        Android:textColor="@color/zxing_result_minor_text"
                        Android:textStyle="bold"
                        Android:paddingRight="@dimen/zxing_half_padding"/>

                    <TextView Android:id="@+id/zxing_type_text_view"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:textColor="@color/zxing_result_minor_text"/>

                </LinearLayout>

                <LinearLayout
                    Android:orientation="horizontal"
                    Android:layout_width="wrap_content"
                    Android:layout_height="wrap_content">

                    <TextView Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:text="@string/zxing_msg_default_time"
                        Android:textColor="@color/zxing_result_minor_text"
                        Android:textStyle="bold"
                        Android:paddingRight="@dimen/zxing_half_padding"/>

                    <TextView Android:id="@+id/zxing_time_text_view"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:textColor="@color/zxing_result_minor_text"/>

                </LinearLayout>

                <LinearLayout
                    Android:orientation="horizontal"
                    Android:layout_width="wrap_content"
                    Android:layout_height="wrap_content">

                    <TextView Android:id="@+id/zxing_meta_text_view_label"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:text="@string/zxing_msg_default_meta"
                        Android:textColor="@color/zxing_result_minor_text"
                        Android:textStyle="bold"
                        Android:paddingRight="@dimen/zxing_half_padding"/>

                    <TextView Android:id="@+id/zxing_meta_text_view"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:textColor="@color/zxing_result_minor_text"/>

                </LinearLayout>

            </LinearLayout>

            <ScrollView
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content">

                <LinearLayout
                    Android:layout_width="wrap_content"
                    Android:layout_height="wrap_content"
                    Android:orientation="vertical">

                    <TextView Android:id="@+id/zxing_contents_text_view"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:textColor="@color/zxing_result_text"
                        Android:textColorLink="@color/zxing_result_text"
                        Android:textSize="22sp"
                        Android:paddingLeft="12dip"
                        Android:autoLink="web"
                        Android:textIsSelectable="true"/>

                    <TextView Android:id="@+id/zxing_contents_supplement_text_view"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:textColor="@color/zxing_result_text"
                        Android:textColorLink="@color/zxing_result_text"
                        Android:paddingLeft="12dip"
                        Android:autoLink="web"
                        Android:textIsSelectable="true"/>

                </LinearLayout>

            </ScrollView>

        </LinearLayout>

        <LinearLayout Android:id="@+id/zxing_result_button_view"
            Android:layout_width="fill_parent"
            Android:layout_height="wrap_content"
            Android:orientation="horizontal"
            Android:gravity="center">

            <Button style="@style/zxing_ResultButton"
                Android:visibility="gone"/>

            <Button style="@style/zxing_ResultButton"
                Android:visibility="gone"/>

            <Button style="@style/zxing_ResultButton"
                Android:visibility="gone"/>

            <Button style="@style/zxing_ResultButton"
                Android:visibility="gone"/>

        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        Android:layout_gravity="bottom|center_horizontal"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:orientation="vertical">

        <TextView Android:id="@+id/zxing_status_view"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_gravity="bottom|center_horizontal"
            Android:background="@color/zxing_transparent"
            Android:text="@string/zxing_msg_default_status"
            Android:textColor="@color/zxing_status_text"/>

        <Button Android:id="@id/zxing_back_button"
            Android:layout_marginTop="10dp"
            Android:layout_width="fill_parent"
            Android:layout_height="wrap_content"
            Android:height="60dp"
            Android:textAlignment="center"
            Android:layout_gravity="bottom|center_horizontal"
            Android:text="@string/zxing_button_cancel"/>

    </LinearLayout>

</merge>

その後、上記のレイアウトをintegratorのように設定できます

IntentIntegrator integrator = new IntentIntegrator(this);
integrator.setCaptureLayout(R.layout.custom_layout);
integrator.initiateScan();

ただし、これらのパラメーターに従う必要があることを忘れないでください。つまり、すべてのビューに同じ名前を使用する必要があります。

1
Lennon Petrick

アプリにデバイスのカメラを使用する許可がありますか?マニフェストにその許可を追加し、アプリをインストールした後、[電話の設定]> [アプリ]> [アプリ]> [許可]に移動します。そして、カメラに許可を与えます

0
Vardaan Sharma

削除したのと同じ問題がありました

    Android:hardwareAccelerated="false"
    Android:largeHeap="true"

マニフェストから、それは働いた!

0
Mr Schak

これと同じ問題が発生しました(黒い画面、つまり画面にカメラの出力がありません)。これは、許可がないためです。私は許可を求めることでこれを解決しました、これを参照してください https://developer.Android.com/training/permissions/requesting

私は https://github.com/dlazaro66/QRCodeReaderView を使用しました。これはZxingライブラリの修正であるDavid Lazaroのコードです。

0
Subind Suresh