Zeichne ein Rechteck auf SurfaceView

Ich würde gerne wissen, wie man zeichnen Sie ein Rechteck in bestimmte position und Größe.

Versuchte ich ein paar Studien und Beispiele hier im web, aber nichts für mich gearbeitet.

Ich bin mit einem SurfaceView und SurfaceHolder zu halten Sie die Kamera-Vorschau.

Ich will einfach nur, um ein Rechteck zu zeichnen, wenn der Benutzer auf den Bildschirm Tippen.

Möchte ich nicht verwenden externe Bibliothek, und Wenn ich versuche, die Leinwand aus dem Halter, ich bin immer null.

Für jetzt gibt es kein code, Ursache nichts für mich, wenn jemand eine Ahnung hat, wie es zu tun, ich werde es versuchen.

Dies ist, was ich bereits versucht:

Link 1

Link 2

Link 3

Danke für die Hilfe!

Einer gegebenen SurfaceView Oberfläche nur einen "Erzeuger". Da die Kamera zeichnet auf, kann man nicht auch zeichnen mit Canvas. Sie benötigen, auf einer anderen Oberfläche, die effizienteste option es ist, sich eine transparente Sicht. Ein weiterer Ansatz wäre es, senden Sie die Kamera an einen SurfaceTexture und Rendern es mit den GLES, die Ihnen die volle Freiheit. Siehe z.B. "textur von der Kamera" auf github.com/google/grafika.
Können Sie mir Beispiel, wie man eine transparente Sicht? Alle fand ich die Beispiele, die gezeigt nur Rechteck und legen Sie die Ansicht als setContentView(drawView); also, ich kann nicht sehen, die Kamera.

InformationsquelleAutor user2235615 | 2014-09-18

android-camera surfaceview

Ok, Dank fadden fand ich die einfachste Lösung(zumindest für mich).

Zuerst erstellte ich eine andere Oberfläche anzeigen und meine XML-Datei sieht wie folgt aus:

<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>

Und als ich erstellte einen anderen Halter für die neue Oberfläche, das ist ein Teil meiner java-code:

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);
    }

Ich endlich implementieren Sie eine Methode namens "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);
}

Wie Sie sehen können, lösche ich die Leinwand jedes mal, wenn ich dies nicht tun, wird die Oberfläche zeigt darüber hinaus weitere Rechtecke auf der jeweils anderen.

Dies ist, wie rufe ich diese Methode von einem 'OnTouchListener' event:

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);
             }
         };

Hoffe, das wäre hilfreich für jemand anderes.

FWIW, wenn die SurfaceView Oberflächen überlappen, müssen Sie Ihnen geben unterschiedliche tiefen (Z-Bestellungen) mit den SurfaceHolder API. Sie können sehen, eine Aktivität, mit drei überlappenden software-gerendert SurfaceViews in Grafika ' s multi-surface-test (github.com/google/grafika/blob/master/src/com/android/grafika/...).
Eigentlich ist der obige code für mich gearbeitet, aber Sie haben Recht. Es ist besser zu arbeiten mit der Zorder.
Ja @fadden, konnte ich einfach nicht erreichen, arbeiten das Rechteck als die z-Wert-wie Sie erwähnt, und es funktionierte perfekt, danke.
was ist callBack in holderTransparent.addCallback(callBack);

InformationsquelleAutor user2235615

Passe ich eine neue Oberfläche und mit onTouchEvent und ziehen mein Rechteck:

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;
    }

Zeichnung Ihr Rechteck verwenden Sie diese Funktion:

    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;
    }
}

Jetzt können Sie dieses angepasste Oberfläche in Ihrer XML-Dateien wie dieses:

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

InformationsquelleAutor user9674050

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.