PhoneGap Android条码扫描UI修改答案

【问题标题】：PhoneGap Android Barcode Scan UI modificationPhoneGap Android条码扫描UI修改
【发布时间】：2012-03-14 07:19:50
【问题描述】：

我目前在我的 android 项目中使用来自开源库 Zxing 的条形码扫描仪。我面临的问题是关于扫描用户界面

当我启动扫描窗口时，它占据了整个屏幕，我不确定如何自定义它 - 我想添加一个 HTML 后退按钮以防客户想要扫描，或者更好地添加菜单栏以保持一致与我的应用程序上的所有其他页面？

如何在扫描窗口中添加基本的 HTML 元素？

【问题讨论】：

标签： android user-interface cordova barcode zxing

【解决方案1】：

如果您只是通过意图调用 BarcodeScanner，则您无法控制。但是，如果您将 BarcodeScanner 应用程序中的 Java 代码嵌入到您的应用程序中，您将拥有所有可用的 Java 代码和 xml 资源，并且可以按照您的喜好对其进行编辑。不过，这都是 Java 和原生 Android 资源的东西……不是 html。

如果你嵌入的布局是

http://code.google.com/p/zxing/source/browse/trunk/android/res/layout/capture.xml

您要编辑的扫描活动是

http://code.google.com/p/zxing/source/browse/trunk/android/src/com/google/zxing/client/android/CaptureActivity.java

如果您在布局中添加一个按钮并在您在活动中设置的 OnClickListener 中调用完成，它将如您所愿..

【讨论】：

是的，我嵌入了整个扫描仪库。我在 android/iphone 应用程序开发领域都是超级新手 - 因此选择 phonegap 将我的 webapp 变成 Pseudo native 应用程序......如果你能告诉我我需要修改哪些文件，我将不胜感激 - 所有我需要做的是添加一个返回按钮吗？
嘿曼弗雷德：非常感谢您的链接！我仍在努力弄清楚如何在其中设置一个按钮并将其链接回 index.html 文件。如果您碰巧知道如何从头顶上去做，肯定会非常感激:-)
不知道PhoneGap...对不起..您可能会在捕获活动上做一个调用finish()的按钮..这基本上是一个back()
谢谢，我按照您的说明设置了按钮和 onclicklistener，并且成功了！现在我需要弄清楚如何将按钮正确放置在窗口底部:-)
知道如何对齐屏幕底部的按钮吗？我似乎无法掌握 Android 中的布局..目前我将它添加到按钮标签 (android:layout_gravity="bottom") 并将其水平对齐在顶部。但我希望它理想地位于屏幕底部。感谢您的帮助