Наложение изображения на камеруПредварительный просмотр

Question

ВВЕДЕНИЕ

У меня есть настраиваемое приложение камеры, в котором я показываю предварительный просмотр камеры поверх настраиваемого SurfaceView. Что мне нужно реализовать, так это создать оверлейное изображение из ресурса изображения, которое будет отображаться поверх cameraPreview, например, фильтра.

Я искал об этом в разных темах, но не нашел ничего подходящего для своего приложения.

< Сильный > ПОДХОД

Я пытался установить изображение как растровое, используя метод onDraw () и другие параметры, но мне не удалось показать изображение.

Это мой код:

КОД

public class CameraActivity extends Activity implements PictureCallback {

    private Button btnPhoto;
    CameraPreview cameraPreview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        cameraPreview = (CameraPreview) findViewById(R.id.camera_preview);
        btnPhoto = (Button)findViewById(R.id.buttonTakePhoto);

        btnPhoto.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                takePhoto();
            }
        });
    }

    public void takePhoto() {
        cameraPreview.getCamera().takePicture(null, null, this);
    }
    //...
}

_

public class CameraPreview extends FrameLayout implements SurfaceHolder.Callback {

    private SurfaceView surfaceView;
    private Camera camera;

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

        createCamera();

        surfaceView = new SurfaceView(context);
        addView(surfaceView);

        SurfaceHolder holder = surfaceView.getHolder();
        holder.addCallback(this);

        holder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
        holder.setKeepScreenOn(true);
    }

    private void createCamera() {
        //...
            try {
                this.camera = Camera.open(activeCameraId);
            } catch (Exception e) {
                return;
            }
        //...
    }

    public Camera getCamera() {
        return camera;
    }


    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        //...
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        //...
    }

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

_

<com.uax.cameratakephoto.CameraPreview
    android:id="@+id/camera_preview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerInParent="true" />

<Button  //THIS IS THE BUTTON TO TAKE THE PHOTO
    android:id="@+id/buttonTakePhoto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:background="@android:drawable/ic_menu_camera" />

<ImageView  //THIS IS A SMALL PREVIEW OF THE LAST PHOTO TAKEN
    android:id="@+id/imageView"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true" />

android camera overlay

3

masmic 17 Мар 2014 в 16:30

Answer 1

Сделайте что-то вроде этого. Создайте класс предварительного просмотра камеры, расширив SurfaceView.

public class CameraPreview extends SurfaceView implements SurfaceHolder.Callback {
    private SurfaceHolder mHolder;
    private Camera mCamera;
    private String TAG = "CameraPreview";

    public CameraPreview(Context context, Camera camera) {
        super(context);
        mCamera = camera;

        // Install a SurfaceHolder.Callback so we get notified when the
        // underlying surface is created and destroyed.
        mHolder = getHolder();
        mHolder.addCallback(this);
        // deprecated setting, but required on Android versions prior to 3.0
        mHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        // The Surface has been created, now tell the camera where to draw the
        // preview.
        try {
            mCamera.setPreviewDisplay(holder);
            mCamera.startPreview();
        } catch (IOException e) {
            Log.d(TAG, "Error setting camera preview: " + e.getMessage());
        }
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        try {
            mCamera.stopPreview();
        } catch (Exception e) {
            // ignore: tried to stop a non-existent preview
        }
        mCamera.release();
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int w, int h) {
        // If your preview can change or rotate, take care of those events here.
        // Make sure to stop the preview before resizing or reformatting it.

        if (mHolder.getSurface() == null) {
            // preview surface does not exist
            return;
        }

        // stop preview before making changes
        try {
            mCamera.stopPreview();
        } catch (Exception e) {
            // ignore: tried to stop a non-existent preview
        }

        // set preview size and make any resize, rotate or
        // reformatting changes here

        // start preview with new settings
        StartPreview();
    }

    public void StartPreview() {
        try {
            mCamera.setPreviewDisplay(mHolder);
            mCamera.startPreview();
        } catch (Exception e) {
            Log.d(TAG, "Error starting camera preview: " + e.getMessage());
        }
    }
}

Затем в своей деятельности объявите объект предварительного просмотра и также инициализируйте объект камеры.

private CameraPreview preview;

После того

   // Create our Preview view and set it as the content of ur activity.
    preview = new CameraPreview(this, camera);

    // Create Frame layout
    FrameLayout previewLayout = new FrameLayout(this);

    // Create camera layout params
    LinearLayout.LayoutParams previewlayoutParams = new LinearLayout.LayoutParams(
    LinearLayout.LayoutParams.WRAP_CONTENT,    LinearLayout.LayoutParams.MATCH_PARENT, Gravity.LEFT);

// Add preview to previewLayout
previewLayout.addView(preview, 0);

Bitmap overlayBitmap = getBitmap();
if (overlayBitmap != null) {
Matrix matrix = new Matrix();
matrix.postRotate(180);

Bitmap rotatedBitmap = Bitmap.createBitmap(overlayBitmap, 0, 0, overlayBitmap.getWidth(),
overlayBitmap.getHeight(), matrix, true);

ImageView oImageView = new ImageView(this);
oImageView.setImageBitmap(rotatedBitmap);
previewLayout.addView(oImageView, 1);
}

// Add previewLayout to main layout
linearLayout.addView(previewLayout, previewlayoutParams);

Это его.

2

RizN81 17 Мар 2014 в 16:48

Выглядит красиво, но я все еще изучаю это, и мне кажется немного сложным адаптировать это к моему коду. Было бы неплохо, если бы вы могли адаптировать это к коду May, используя статические вызовы в xml вместо динамических,

–

masmic

17 Мар 2014 в 17:35

Что вы подразумеваете под статическими вызовами в xml? насколько я понимаю, используется ваш пользовательский класс CameraPreview в xml, я прав?

–

RizN81

18 Мар 2014 в 08:37

Ну, наконец, я делаю еще один подход, чтобы сделать это. Сейчас я использую образец API CameraPreview от Google. Я приму ваш ответ, чтобы закрыть этот пост, но я был бы признателен, если бы вы могли взглянуть на этот пост: stackoverflow.com/questions/22458468/…

–

masmic

18 Мар 2014 в 11:49

Answer 2

Я сделал то же самое, но с TextView поверх превью камеры. Уловка заключалась в том, чтобы отделить его от XML Layout и прикрепить к родительскому элементу Camera.

Ответ совсем не интуитивный, но я нашел, как это сделать. В отличие от линейных макетов, порядок объявления НЕ определяет порядок Z в относительных макетах. Я смог наложить текстовое представление поверх предварительного просмотра камеры, объявив оба представления в XML и программно наложив их на метод onCreate моей деятельности.

Предположим, у вас есть XML с TextView с красивым прозрачным фоном, который вы хотите наложить на макет кадра предварительного просмотра камеры, потому что почему бы и нет? Это выглядит круто !:

<RelativeLayout>
      <TextView
        android:id="@+id/txtnombotiga"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Ola ke ase"
        android:textColor="#000000"
        android:textSize="16sp"    
        android:background="#55ffffff" 
       />
  <FrameLayout
      android:id="@+id/cameraPreview"
      android:layout_width="match_parent"
      android:layout_height="240dp">     
  </FrameLayout>
</RelativeLayout>

Если так оставить, камера закроет ваш текст, несмотря ни на что :( Чтобы решить эту проблему, давайте займемся программированием и: 1) отсоедините TextView от его родительского макета 2) прикрепите его к макету кадра камеры после сначала прикрепив камеру.

Вот код

OnCreate () {... блаа блааа ...

//Create camera instance and reference to our frame Layout
mPreview = new CameraPreview(this, mCamera, previewCb, autoFocusCB);        
FrameLayout preview = (FrameLayout) findViewById(R.id.cameraPreview);
//Add camera to the Frame Layout
preview.addView(mPreview);
//Get reference to the TextView you want to overlay and type something funny
TextView txt=(TextView)findViewById(R.id.txtnombotiga);     
txt.setText("ola keee aseee!");
//1) Step 1, here comes the magic! dettach the textView from its original Layout
((ViewGroup)txt.getParent()).removeView(txt);
//1) Step 2, voila! attach it to the View, order matters here so it will appear on 
//top of the camera!
preview.addView(txt);

Это общий способ сделать это. Если вам нужна дополнительная информация, дайте мне знать. Мне нужно уложиться в сроки на работе, поэтому я использую первое решение, которое приходит мне в голову, иногда не самое элегантное или эффективное. Если вы знаете, как это сделать лучше, поделитесь им с нами!

1

Josh 4 Апр 2014 в 21:57

Наложение изображения на камеруПредварительный просмотр

2 ответа

Похожие вопросы

Новые вопросы

android