android - 更改 ZXing 中的扫描区域布局
问题描述
我想用我的自定义宽度、高度和自定义边框颜色将 ZXing 中的扫描区域替换为我的自定义视图(下图中带有绿色边框的视图)到我自己的矩形。这个怎么做?目前我正在使用 com.journeyapps:zxing-android-embedded:3.6.0
class BarcodeFragment : Fragment() {
private var barcodeView: CompoundBarcodeView? = null
private val callback = object : BarcodeCallback {
override fun barcodeResult(result: BarcodeResult) {
if (result.text != null) {
}
}
override fun possibleResultPoints(resultPoints: List<ResultPoint>) {}
}
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.scanner_fragment, container, false)
barcodeView = view.findViewById(R.id.barcode_scanner)
barcodeView!!.decodeContinuous(callback)
return view
}
override fun onActivityCreated(savedInstanceState: Bundle?) {
super.onActivityCreated(savedInstanceState)
barcodeView?.statusView?.visibility = View.GONE
}
override fun onResume() {
barcodeView?.resume()
super.onResume()
}
override fun onPause() {
barcodeView?.pause()
super.onPause()
}
}
我的布局代码:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical">
<com.journeyapps.barcodescanner.CompoundBarcodeView
android:id="@+id/barcode_scanner"
android:layout_width ="match_parent"
android:layout_height="match_parent">
</com.journeyapps.barcodescanner.CompoundBarcodeView>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/barcode_input_background"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:padding="@dimen/margin_general_16dp"
android:layout_marginStart="@dimen/margin_medium_32dp"
android:layout_marginEnd="@dimen/margin_medium_32dp"
android:layout_marginTop="@dimen/margin_general_16dp"
android:textColor="@color/smokyblack"
android:textColorHint="@color/manatee"
/>
</android.support.constraint.ConstraintLayout>
解决方案
你必须编辑这个类。
我对我的一个应用程序进行了类似的修改,在我调用的onDraw()
方法中添加了一个绘制边缘的调用,drawFocusOverlay(frame, canvas);
这是针对 4 个边缘的。focusPaint
确定颜色和厚度。
protected void drawFocusOverlay(Rect frame, Canvas canvas) {
int qrOverlayLength = 100;
// Top left
canvas.drawLine(frame.left, frame.top, frame.left + qrOverlayLength, frame.top, focusPaint);
canvas.drawLine(frame.left, frame.top, frame.left, frame.top + qrOverlayLength, focusPaint);
// Bottom Left
canvas.drawLine(frame.left, frame.bottom, frame.left + qrOverlayLength, frame.bottom, focusPaint);
canvas.drawLine(frame.left, frame.bottom, frame.left, frame.bottom - qrOverlayLength, focusPaint);
// Top right
canvas.drawLine(frame.right, frame.top, frame.right - qrOverlayLength, frame.top, focusPaint);
canvas.drawLine(frame.right, frame.top, frame.right, frame.top + qrOverlayLength, focusPaint);
// Bottom right
canvas.drawLine(frame.right, frame.bottom, frame.right - qrOverlayLength, frame.bottom, focusPaint);
canvas.drawLine(frame.right, frame.bottom, frame.right, frame.bottom - qrOverlayLength, focusPaint);
}
至于矩形形状,我相信它是protected Rect framingRect;
变量,您需要在此处更改其大小的计算方式。
为了使它适用于您的项目,我建议您克隆存储库,进行修改并将其作为Android 库包含到您自己的项目中。
推荐阅读
- kubernetes - 带有“添加现有 kubernate 集群”选项的 git lab 与 kubernate 集群集成
- javascript - jQuery canvasjs 圆环图实时检索数据
- python - Django Serializer POST 数据未完全传递给序列化程序
- eclipse - 项目级别控制使用 autopep8
- c# - 将数据从共享点连接复制到本地重复表
- scala - 如何在 Spark DataFrameSQL 中引用广播变量
- python - 如何根据自动完成(Dango)中键入的任何字母进行过滤
- json - 无法从 JMeter 中的 JSON 响应中提取变量
- c# - .net 核心可以调用 .net 4 程序集吗?
- html - CSS nth-child 问题