Question

我正在创建一个条码扫描器应用，我想使用 Zxing 来阅读条形码，我的应用有一个 surfaceview 并显示相机那，但现在我想从我的SurfaceView相机扫描条形码，我使用它的原因是我在布局中的表面视图下有两个Edittexts来显示条形码的内容。

我应该如何创建一个类似的应用程序，主要的问题是如何将zxing设置为表面如果有任何我会欣赏的方式。

布局截图：

Answer 1

使用以下代码自定义 zxing 布局。

我在这里为zxing Scanner点了RelativeLayout。

或者，使用此引用：

https://github.com/dm77/barcodescanner/issues/67

我的设计如下图所示，如果需要，您可以选择FrameLayout。

Xml代码：

<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">




<android.support.v7.widget.Toolbar
    android:id="@+id/toolbarAdjustScan"
    android:layout_width="match_parent"
    android:layout_height="56dp"
    android:background="@color/colorPrimary"
    android:elevation="6dp"
    android:minHeight="56dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/titleToolbar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="15dp"
            android:ellipsize="end"
            android:layout_weight="1"
            android:maxLines="1"
            android:textColor="@color/white"
            android:textSize="18dp" />

         <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:padding="10dp"
            android:id="@+id/searchAdjustBtn"
            android:layout_marginLeft="15dp"
            android:ellipsize="end"
            android:maxLines="1"
            android:text="SEARCH   "
            android:textColor="@color/white"
            android:textSize="13dp" />
    </LinearLayout>

</android.support.v7.widget.Toolbar>


 <TextView
    android:id="@+id/textv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimaryDark"
    android:gravity="center_horizontal"
    android:paddingBottom="10dp"
    android:paddingTop="10dp"
    android:text="Point at any barcode to scan"
    android:textColor="@color/white"
    android:textSize="14sp"
    android:textStyle="normal" />

<RelativeLayout
    android:layout_marginBottom="120dp"
    android:layout_below="@+id/textv"
    android:id="@+id/relative_scan_take_single"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


</RelativeLayout>
</LinearLayout>

<LinearLayout
    android:layout_alignParentBottom="true"
    android:layout_width="match_parent"
    android:background="@color/colorPrimaryDark"
    android:layout_height="120dp"
    android:orientation="horizontal">

    <Button
        android:id="@+id/doneBtn"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_gravity="bottom"
        android:text="Done"
        android:textAllCaps="true"
        android:textColor="@color/white"
        android:textSize="22dp" />


</LinearLayout>

活动代码：（Java）

   public class TakeSingleScanActivity extends AppCompatActivity implements ZXingScannerView.ResultHandler {
    private ZXingScannerView mScannerView;



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

 //Scanner
        mScannerView = new ZXingScannerView(this);
        RelativeLayout rl = (RelativeLayout) findViewById(R.id.relative_scan_take_single);
        rl.addView(mScannerView);
        mScannerView.setResultHandler(this);
        mScannerView.startCamera();
        mScannerView.setSoundEffectsEnabled(true);
        mScannerView.setAutoFocus(true);

    }

通过surfaceview使用zxing条形码阅读器

1 个答案: