view+SurfaceView实现条码扫描效果

最新推荐文章于 2024-06-16 21:01:54 发布

代码仔

最新推荐文章于 2024-06-16 21:01:54 发布

阅读量1.2k

点赞数

分类专栏： Android 文章标签： Android 摄像头 SurfaceView View postInvalidateDelaye

本文链接：https://blog.csdn.net/miaoyunzexiaobao/article/details/42105587

版权

本文介绍了如何在Android中使用View和SurfaceView实现条码扫描效果。首先创建一个继承自View的PicView类，利用onDraw方法绘制移动线条。接着在MainActivity中实现SurfaceHolder.Callback接口，通过SurfaceHolder控制摄像头预览，并在Surface状态变化时进行相应处理。通过这样的方式，能够在屏幕上展示摄像头画面并模拟条码扫描动画。

摘要由CSDN通过智能技术生成

效果图：

上半部分为一个显示摄像头拍摄到的情景的窗口及一条来回循环移动的线条，下半部分为一个无功能的Btn

布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight=".3" >

        <SurfaceView
            android:id="@+id/preview_view"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />

        <com.example.viewtest.PicView
            android:id="@+id/capture_viewfinder_view"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@android:color/transparent" />
    </FrameLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight=".7" >

        <Button
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="hello" />
    </LinearLayout>

</LinearLayout>

本布局中一个大的线性布局内嵌了帧布局和线性布局两个小布局，其中两个布局分别占屏幕的30%和70%

要实现帧布局中的效果，首先编写一个继承自View的类PicView，这个类的效果为在屏幕上画一条从左至右移动的红色线条。

code：