Android 动画覆盖摄影机活动预览

Android 动画覆盖摄影机活动预览,android,animation,camera,overlay,preview,Android,Animation,Camera,Overlay,Preview,我正在努力在我正在编写的android运动应用程序中的摄像头预览活动上实现一个类似扫描线的动画(上下) 我已成功地使动画代码在单个活动中工作-无需相机预览。无论我如何尝试在stackoverflow或搜索网络上读到的所有内容,我总是得到相机预览,但没有动画叠加 这是我的xml文件: <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/container" andro

我正在努力在我正在编写的android运动应用程序中的摄像头预览活动上实现一个类似扫描线的动画(上下)

我已成功地使动画代码在单个活动中工作-无需相机预览。无论我如何尝试在stackoverflow或搜索网络上读到的所有内容,我总是得到相机预览,但没有动画叠加

这是我的xml文件:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/container"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:background="@android:color/transparent"
android:layout_centerInParent="true">

<SurfaceView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/imageView"
    android:src="@drawable/scanline"
    android:contentDescription="@string/scanline"
    android:layout_gravity="left|center_vertical"
    android:layout_alignParentStart="true"
    android:layout_alignParentEnd="true"
    android:background="@android:color/transparent"
    android:baselineAlignBottom="false"/>

<com.app.arsinoe.ui.widget.CameraPreview
    android:id="@+id/camera_preview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/transparent" />

<Button
    android:layout_width="156dp"
    android:layout_height="27dp"
    android:text="@string/exit_button"
    android:id="@+id/aboardButton2"
    android:layout_gravity="bottom|left"
    android:clickable="true"
    android:background="#4e0612"
    android:textColor="@android:color/white"
    android:textStyle="bold"
    android:alpha="1"
    android:paddingEnd="@dimen/activity_horizontal_margin"
    android:paddingStart="@dimen/activity_vertical_margin"
    android:onClick="exitButton"/>

<Button
    android:layout_width="310dp"
    android:layout_height="27dp"
    android:text="@string/scan_button"
    android:id="@+id/scanButton"
    android:layout_gravity="bottom|right"
    android:clickable="true"
    android:textColor="@android:color/white"
    android:textStyle="bold"
    android:alpha="1"
    android:background="#1b4a6c"
    android:paddingEnd="@dimen/activity_horizontal_margin"
    android:paddingStart="@dimen/activity_vertical_margin"
    android:onClick="scanButton"/>
</FrameLayout>
以下是我的CameraActivity工作代码:

public class ScanActivity extends Activity{


private View view;

protected void onCreate(Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    setContentView(R.layout.scan_activity);

    final Context readySnanner = this;
    Handler mHandler = new Handler();

    Runnable
            makeToast = new Runnable() {
        public void run() {
            Toast.makeText(readySnanner,
                    "Bla bla bla...", Toast.LENGTH_LONG).show();
        }
    };
    mHandler.postDelayed(makeToast, 4000);


    Toast.makeText(ScanActivity.this,"Bla bla... Please wait",      Toast.LENGTH_SHORT).show();


    ImageView animatedImage = (ImageView) findViewById(R.id.imageView);

    Animation animation
            = AnimationUtils.loadAnimation(this, R.anim.topdown);
    if (animation != null) {
        animatedImage.startAnimation(animation);}


    final int SPLASH_TIME;// 4 seconds
    SPLASH_TIME = 4 * 1000;


    boolean b;
    b = new Handler().postDelayed(new Runnable() {

        @Override
        public void run() {
        }
    }, SPLASH_TIME);
}


public void exitButton(View view) {

    this.finish();
    System.exit(0);
}

public void scanButton(View view) {

    Intent intent = new Intent(ScanActivity.this,
            B.class);
    startActivity(intent);
    ScanActivity.this.finish();
}
public class CameraActivity extends Activity {

private Camera camera;
private View view;
SurfaceView animatedImage;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.scan_activity);
    setResult(RESULT_CANCELED);
    // Camera may be in use by another activity or the system or not available   at all
    try {
        camera = getCameraInstance();
    } catch (Exception e) {
        e.printStackTrace();
    }
    if(cameraAvailable(camera)){
        initCameraPreview();
    } else {
        finish();
    }
}

// Show the camera view on the activity
private void initCameraPreview() {
    CameraPreview cameraPreview = (CameraPreview) findViewById(R.id.camera_preview);
    cameraPreview.init(camera);}
我不知道如何使用提供的xml文件使这两个活动作为单个活动一起运行。请帮助一个新手,因为我被困在这些问题上5天了

很抱歉,我没有提供一个图像来描述我试图编写的代码,但我的声誉微乎其微。任何回复,最好是工作样品,将不胜感激

编辑

下图描述了活动的布局:

红线应在动画中上下移动,以显示摄影机预览。这是在ImageView中编码和工作的,但不适用于CameraPreview

这是我的CameraPreview活动,由Juan-devtopia.coop建议编辑:

public class CameraPreview extends SurfaceView implements SurfaceHolder.Callback {

private Context context;
private Camera camera;

public CameraPreview(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

public CameraPreview(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public CameraPreview(Context context, Camera camera) {
    super(context);
    this.context = context;
    this.camera = camera;
}

public void init(Camera camera) {
    this.camera = camera;
    initSurfaceHolder();
}

@SuppressWarnings("deprecation") // needed for < 3.0
private void initSurfaceHolder() {
    SurfaceHolder holder = getHolder();
    if (holder != null) {
        holder.addCallback(this);
    }
    if (holder != null) {
        holder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
    }
}

@Override
public void surfaceCreated(SurfaceHolder holder) {
    initCamera(holder);
}

private void initCamera(SurfaceHolder holder) {
    try {
        camera.setPreviewDisplay(holder);
        camera.startPreview();
    } catch (Exception ignored) {
    }
}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}

@Override
public void surfaceDestroyed(SurfaceHolder holder) {
}

public void setContext(Context context) {
    this.context = context;
}


public class Animation extends Activity {

    ImageView animatedImage = (ImageView) findViewById(R.id.imageView);

    android.view.animation.Animation animation;

    {
        animatedImage.startAnimation(animation);
        animation = AnimationUtils.loadAnimation(this, R.anim.topdown);
    }

 }
公共类CameraPreview扩展了SurfaceView实现了SurfaceHolder.Callback{ 私人语境; 私人摄像机; 公共CameraPreview(上下文、属性集属性、int-defStyle){ 超级(上下文、属性、定义样式); } 公共CameraPreview(上下文、属性集属性){ 超级(上下文,attrs); } 公共摄像机回顾(上下文、摄像机){ 超级(上下文); this.context=上下文; 这个。照相机=照相机; } 公共void init(摄影机){ 这个。照相机=照相机; initSurfaceHolder(); } @SuppressWarnings(“弃用”)//需要<3.0 私有void initSurfaceHolder(){ SurfaceHolder holder=getHolder(); if(holder!=null){ holder.addCallback(本); } if(holder!=null){ 夹持器。设置类型(表面夹持器。表面夹持器类型推压缓冲); } } @凌驾 已创建的公共空白表面(表面持有人){ 照相机(支架); } 私人摄像机(表面支架){ 试一试{ 摄像头。设置预览显示(支架); camera.startPreview(); }捕获(忽略异常){ } } @凌驾 公共空白表面更改(表面文件夹持有者、整型格式、整型宽度、整型高度){ } @凌驾 公共空间表面覆盖(表面覆盖物持有人){ } 公共void setContext(上下文){ this.context=上下文; } 公共类动画扩展活动{ ImageView animateImage=(ImageView)findViewById(R.id.ImageView); android.view.animation.animation动画; { 动画图像。开始动画(动画); animation=AnimationUtils.loadAnimation(this,R.anim.top-down); } }
编译并在设备上运行后,在logcat中我得到一个“java.lang.RuntimeException:无法实例化活动”,原因是"原因:java.lang.InstantiationException:com.app.myapp.ui.widget.CameraPreview。有什么建议吗?

ImageView
放置在与预览相同的布局中,使其呈现在预览上方。然后将两个代码放在同一活动中,一个是初始化摄影机预览的代码,另一个是设置
ImageView动画的代码

CameraPreview
视为布局中的另一个
View

换句话说,您可以初始化摄影机预览,就像在代码中一样,但也可以在那里启动动画,将init camera方法保留如下:

 // Show the camera view on the activity and show overlay animation
    private void initCameraPreview() {
        CameraPreview cameraPreview = (CameraPreview) findViewById(R.id.view);
        cameraPreview.init(camera);


        ImageView animatedImage = (ImageView) findViewById(R.id.imageView);
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate);
        animatedImage.startAnimation(animation);
    }
请注意,我更改了id和动画,因为我必须重新创建它来测试它。布局仅包含曲面和imageview,将imageview放在代码的更下方(这意味着它将在曲面视图上渲染)。


在我的代码示例中(我为您将其上载到gitHub)ic_启动器只是在相机预览上旋转,但我认为使用您的动画并确保它循环,而不仅仅是一次动画,应该可以工作。

感谢Juan-devtopia.coop的回答。我将尝试按照您的建议编辑我的代码,如果一切正常,我会将您的答案标记为acceped。我已尝试将代码编辑为y你建议,但没有成功。我认为我的CameraPreview布局有问题,因为我没有该活动的明确布局。我应该创建一个新的xml,将ImageView和camera_预览布局作为框架还是什么?你能再看一看我发布的代码吗,我现在正在编辑,添加了CameraPreview法案ivity?为您上传了一个git示例项目,并编辑了我的问题,祝您项目好运Juan-devtopia.coop,非常欢迎您上传git示例。我将尽快尝试,并报告我的成功(或失败)在这里。我希望这能起作用。无论如何,谢谢你的时间和努力。只是把这个网站用户已经给我的一些东西还给我。你应该设置一个用户名,更多地加入我们;)