Change UI of barcode scanner

[dynamsoft]

Change UI of barcode scanner

[yanshen6]

Is there a documentation on how to change the UI of the barcode reader for mobile? Instead of the green rectangular line with a red line in the middle, I would like to change it similar to Dynamsoft's Barcode Reader in Web that is moving which looks like this.

https://demo.dynamsoft.com/dbr_wasm/barcode_reader_javascript.html

Thanks.

You can create a new dbr.aar through the android-barocde-lib-aar(https://github.com/dynamsoft-dbr/android-barcode-lib-aar) project to instead 'cordova-plugin-dbr/src/android/dbr.aar'. In android-barocde-lib-aar project,you can change the green rectangular line throught the file RectLayer.java.

[princeandrewdiana]

Thanks for replying. Is this available for iOS too?

[yanshen6]

Thanks for replying. Is this available for iOS too?

You can refer to 'buildReticleImage' in https://github.com/dynamsoft-dbr/cordova-plugin-dbr/blob/master/src/ios/CDVBarcodeScanner.mm

[princeandrewdiana]

I see. I was already able to change the rectangular line and middle line color in CDVBarcodeScanner.mm file. But, I would like to change the feel and look of it in similar to this.

https://demo.dynamsoft.com/dbr_wasm/barcode_reader_javascript.html

I'm currently integrating this into a Cordova project for iOS platform. Is there a way to change this rectangular line and middle line to a gif image similar to the image above.

[yanshen6]

I see. I was already able to change the rectangular line and middle line color in CDVBarcodeScanner.mm file. But, I would like to change the feel and look of it in similar to this.

https://demo.dynamsoft.com/dbr_wasm/barcode_reader_javascript.html
I'm currently integrating this into a Cordova project for iOS platform. Is there a way to change this rectangular line and middle line to a gif image similar to the image above.

The gif image most be used in web client. Maybe you can add an UIWebView above the rectangular box position and try to display a gif image in it.