Tracer un Rectangle sur SurfaceView

Je voudrais savoir comment dessiner un rectangle à la position spécifique et la taille.

J'ai essayé une couple d'essais et d'exemples ici et sur le web, mais rien n'a fonctionné pour moi.

Je suis en utilisant une SurfaceView et SurfaceHolder de tenir la prévisualisation de la caméra.

Je veux juste dessiner un rectangle lorsque l'utilisateur touche sur l'écran.

Je ne veux pas utiliser une bibliothèque externe et Quand j'essaie de la toile à partir de la porte, je suis nulle.

Pour l'instant il n'y a pas de code, n'entraîne pas de travail pour moi, si quelqu'un a une idée de comment le faire, je vais essayer.

C'est ce que j'ai déjà essayé:

Lien 1

Lien 2

Lien 3

Merci pour l'aide!

Une SurfaceView surface ne peut avoir qu'un "producteur". Depuis l'appareil photo est de tirer sur elle, vous ne pouvez pas tirer sur elle avec une Toile. Vous avez besoin de dessiner sur une surface différente; plus efficace, une option serait d'utiliser une Vue transparente. Une autre approche serait d'envoyer l'appareil photo à un SurfaceTexture et à rendre avec la GLES, ce qui vous donne une totale liberté. Voir, par exemple, "la texture de la caméra" sur github.com/google/grafika.
Pouvez-vous me donner des exemple comment créer une Vue transparente? Tout ce que je trouve est des exemples qui montre seulement rectangle et la vue que setContentView(drawView);, de sorte que je ne peux pas voir la caméra.

OriginalL'auteur user2235615 | 2014-09-18

android-camera surfaceview

Ok, Merci pour fadden, j'ai trouvé la solution la plus simple(au moins pour moi).

J'ai d'abord créé une autre Surface de la vue et de mon fichier XML ressembler à ceci:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:opencv="http://schemas.android.com/apk/res-auto"
    android:layout_gravity="left|top">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

                    <SurfaceView
                        android:layout_alignParentTop="true"
                        android:id="@+id/CameraView"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent" />
                    <SurfaceView
                        android:layout_alignParentTop="true"
                        android:id="@+id/TransparentView"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent" />
           </RelativeLayout>
</RelativeLayout>

Et que je me suis créé un autre titulaire de la nouvelle surface, c'est une partie de mon code java:

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_video_capture);
        //Create first surface with his holder(holder)
        cameraView = (SurfaceView)findViewById(R.id.CameraView);
        cameraView.setOnTouchListener(onTouchListner);

        holder = cameraView.getHolder();
        holder.addCallback(this);
        holder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);

        //Create second surface with another holder (holderTransparent)
        transparentView = (SurfaceView)findViewById(R.id.TransparentView);

        holderTransparent = transparentView.getHolder();
        holderTransparent.setFormat(PixelFormat.TRANSPARENT);
        holderTransparent.addCallback(callBack); 
        holderTransparent.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
    }

Je vais enfin mettre en œuvre une méthode appelée "DrawFocusRect'

private void DrawFocusRect(float RectLeft, float RectTop, float RectRight, float RectBottom, int color)
{

    canvas = holderTransparent.lockCanvas();
    canvas.drawColor(0,Mode.CLEAR);
    //border's properties
    paint = new Paint();
    paint.setStyle(Paint.Style.STROKE);
    paint.setColor(color);
    paint.setStrokeWidth(3);
    canvas.drawRect(RectLeft, RectTop, RectRight, RectBottom, paint);


    holderTransparent.unlockCanvasAndPost(canvas);
}

Comme vous pouvez le voir, j'ai effacer la zone à chaque fois, si je ne fais pas cela, la surface d'affichage en plus des rectangles sur chacun des autres.

C'est comme ça que j'appelle à cette méthode à partir d'un " OnTouchListener de l'événement:

OnTouchListener onTouchListner = new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
                    RectLeft = event.getX() - 100;
                    RectTop = event.getY() - 100 ;
                    RectRight = event.getX() + 100;
                    RectBottom = event.getY() + 100;
                    DrawFocusRect(RectLeft , RectTop , RectRight , RectBottom , Color.BLUE);
             }
         };

Espère que cela serait utile pour quelqu'un d'autre.

FWIW, si le SurfaceView surfaces de chevauchement, vous avez besoin de leur donner différentes profondeurs (Z les commandes) à l'aide de la SurfaceHolder API. Vous pouvez voir une Activité avec trois chevauchement des logiciels de rendu de SurfaceViews dans Grafika multi-test de surface (github.com/google/grafika/blob/master/src/com/android/grafika/...).
En fait, le code ci-dessus a fonctionné pour moi, mais vous êtes en droit. Il est préférable de travailler avec le Zorder.
Oui @fadden, je n'arrivais pas à réaliser pour travailler le rectangle de définir la valeur de z comme vous l'avez mentionné, et cela a fonctionné parfaitement, merci.
qu'est-ce que rappel dans holderTransparent.addCallback(callBack);

OriginalL'auteur user2235615

De personnaliser une nouvelle surface et à l'aide de onTouchEvent et dessiner mon rectangle:

public class MySurface extends SurfaceView {
    private Paint mPaint;
    private Path mPath;
    private Canvas mCanvas;
    private SurfaceHolder mSurfaceHolder;
    private float mX, mY, newX, newY;

    public MSurface(Context context) {
        super(context);
        initi(context);
    } 

    private void initi(Context context) { 
        mSurfaceHolder = getHolder();
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setTextSize(12);
        mPaint.setColor(Color.RED);

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:
                mX = event.getX();
                mY = event.getY(); 
                break;
            case MotionEvent.ACTION_MOVE:
                newX = event.getX();
                newY = event.getY(); 
                break; 
            default:
                //Do nothing
        }
        drawRect();
        invalidate();
        return true;
    }

pour le dessin de votre rectangle utiliser cette fonction:

    private void drawRect() {
        mPath = new Path();
        mPath.moveTo(mX, mY);
        mCanvas = mSurfaceHolder.lockCanvas();
        mCanvas.save(); 
        mPath.addRect(mX, mY, newX, newY, Path.Direction.CCW);
        mCanvas.drawPath(mPath, mPaint); 
        mCanvas.restore();
        mSurfaceHolder.unlockCanvasAndPost(mCanvas);
        mX = newX;
        mY = newY;
    }
}

Maintenant, vous pouvez utiliser ce personnalisée de surface dans vos fichiers XML comme ceci:

<com.glinter.ir.MySurface 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

OriginalL'auteur user9674050

Vous devez vous connecter pour publier un commentaire.