最近接到一个半屏扫描二位码的需求,要实现界面的上半屏是扫描二维码,下半屏是扫描结果数据的显示。接到这个需求第一时间想到的是,印象中人生中没有实现过半屏扫描二维码的工作经验!!!难受啊,但是为了保持自己的专业性!就硬着头皮答应了下来:“OK,没问题,我改一下就好”
我是不是答应的太快了??我代码都还没看过呢!!作为一个专业的Android工程师,这样评估一个需求工作量是完成不靠谱的!哎,答应都答应了,那就开干吧。
首先要接入Zxing二维码扫描包
compile files('libs/ZXing-core-3.3.3.jar')
接入后,你会发现扫描的主要页面activity是叫这个名字的:CaptureActivity,然后这个是全屏的扫描,打开的界面大概是下面这个样子的。
而扫描获取到的二维码数据是通过setResult()回调到你需要这个数据的界面。也就是说,我们调用二维码扫描是用startActivityForResult()调的。
好吧,这个简单的知识估计大家都知道。那就是接着继续做吧。首先先显示半屏的功能,我有个大胆想法,要实现半屏是不是可以用个控件把里面的扫描框顶上去就好了。好咧那就试试吧,先粗略看一下这个扫二维码的界面布局是怎样写的。
上图就是扫描的界面,一个SurfaceView,一个ViewfindView,还有一个TextView,简单啦。看我改一下,把它改成半屏。用最快速度改一下布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="vertical" >
<SurfaceView
android:id="@+id/surfaceview"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</SurfaceView>
<com.zxing.android.view.ViewfinderView
android:id="@+id/viewfinderview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00000000" >
</com.zxing.android.view.ViewfinderView>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="center_horizontal"
android:text="@string/msg_default_status"
android:textSize="15sp" >
</TextView>
<include layout="@layout/toolbar"/>
</RelativeLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"/>
</LinearLayout>
运行后效果:
仔细看,会发现相机的预览界面被挤压的变形了,而我们想让扫码框往上移的功能也没有实现。很明显这种操作是不行的,难受啊。我们再看看扫描的源码吧,这次要带着目的性去看。带着问题去看,“到底是在哪里控制着扫描框的呢?”。一切的起源是在CaptureActivity。我们看看它里面的代码吧
package com.zxing.android;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.math.BigIntege