Android Individuelle Kamera - Crop Bild innerhalb Rechteck

Question

ich eine benutzerdefinierte Kamera-App haben, die eine zentrierte Rechteck Ansicht haben, wie Sie unten sehen können:

Wenn ich ein Bild aufnehmen Ich will alles draußen ignorieren das Rechteck. Die Aussicht hat keine Verbindung mit der Kamera Vorschau oder Surface in meinem XML-Ansicht wie folgt:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 
<FrameLayout 
    android:id="@+id/preview" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <SurfaceView 
     android:id="@+id/cameraview" 
     android:name="com.kut.camera.KutCameraFragment" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" /> 

    <View android:id="@+id/viewTamanho" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginBottom="400px" 
     android:layout_marginTop="300px" 
     android:layout_marginStart="70px" 
     android:layout_marginEnd="70px" 
     android:background="@drawable/border" /> 

    <RelativeLayout 
     android:id="@+id/rel_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" > 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:alpha="1" 
      android:background="@android:color/black" 
      android:orientation="vertical" 
      android:padding="10dp" > 

      <RelativeLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" > 

       <TextView 
        android:id="@+id/textViewReferan" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerHorizontal="true" 
        android:layout_centerVertical="true" 
        android:text="Evidência" 
        android:textColor="@android:color/white" 
        android:textSize="16sp" /> 

       <Button 
        android:id="@+id/button_exit" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentEnd="true" 
        android:layout_alignParentRight="true" 
        android:layout_alignParentTop="true" 
        android:background="@android:color/transparent" 
        android:text="Sair" 
        android:textColor="#2799CF" /> 
      </RelativeLayout> 

      <LinearLayout 
       android:id="@+id/progress_layout" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_gravity="center" 
       android:gravity="center" 
       android:orientation="vertical" 
       android:visibility="gone" > 

       <ProgressBar 
        android:id="@+id/progressBar1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" /> 

       <TextView 
        android:id="@+id/islem_value_textView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Carregando..." /> 

      </LinearLayout> 
     </LinearLayout> 

     <RelativeLayout 
      android:id="@+id/RelativeLayout1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" 
      android:alpha="0.9" 
      android:background="@android:color/black" 
      android:padding="10dp" > 

      <ImageView 
       android:id="@+id/imageView_foto" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true" 
       android:src="@drawable/camera" /> 

      <ImageView 
       android:id="@+id/imageView_photo" 
       android:layout_width="80dp" 
       android:layout_height="100dp" 
       android:layout_alignParentLeft="true" 
       android:layout_alignParentStart="true" 
       android:layout_centerVertical="true" 
       android:layout_marginRight="5dp" 
       android:layout_marginEnd="5dp" 
       android:padding="5dp" 
       android:scaleType="fitCenter" 
       android:src="@drawable/fotoicon" /> 
     </RelativeLayout> 
    </RelativeLayout> 
</FrameLayout> 

Kann mir jemand helfen, wie man richtig das Bild zuzuschneiden? Ich habe versucht, eine neue Bitmap basiert auf meiner XML zu erstellen, aber offensichtlich hat es nicht funktioniert, so etwas wie:

Camera.PictureCallback jpegCallback = new Camera.PictureCallback() { 
    public void onPictureTaken(byte[] data, Camera camera) { 
     //.../ 
     Bitmap imagemOriginal = BitmapFactory.decodeByteArray(data, 0, data.length); 
     Bitmap imagemCortada = Bitmap.createBitmap(imagemOriginal, 70, 400, imagemOriginal.getWidth() - 70, 
       imagemOriginal.getHeight() - 400); 
     //.../ 
    } 

Ich habe diese Anfangswerte für x und y, und versucht (zu subtrahieren basierend auf XML-Werte von anzeigen Bezug auf marginTop, Bottom, etc ...) von Breite und Höhe, aber ich hatte keinen Erfolg, weil ich nicht weiß, wie man die Koordinaten mit den Bildkoordinaten aus der Kamera abgleichen kann. Auch scheint es für mich Bitmap.createBitmap beschränkt Zuschnitt, offenbar kann ich nicht direkt auf ein Rechteck zuschneiden.

Answer 1

Um das Zuschneiden zu steuern, müssen Sie die Bildgröße und die Rechteckgröße steuern.

Es ist sehr wichtig zu a) die Bildgröße mit dem gleichen Seitenverhältnis wie die Vorschau zu wählen, und b) sicher, dass die Vorschau auf dem Bildschirm nicht verzerrt wird. Wenn Sie Ihre App für eine Vielzahl von Geräten vorbereiten, sind beide Aufgaben nicht trivial. Um Letzteres zu erreichen, müssen Sie sowohl die Vorschaugröße als auch die Größe SurfaceView steuern. Ich habe das genauer erklärt elsewhere.

Um es einfach zu halten, schlage ich vor, die Tabletten zu ignorieren, die natürliche Landschaftsausrichtung haben können. Auf Telefonen wird das aufgenommene Bild "gedreht" 90 °, auch wenn Sie die Kameraausrichtung auf Hochformat einstellen (nur Vorschau der Effekte). Erwarten Sie nicht setRotation(), um das für Sie zu beheben: durch das Buch, es ist einfach erlaubt, das EXIF-Flag für das aufgenommene Bild zu setzen.

Sie legen die Ränder für viewTamanho in px. Dies kann auf verschiedenen Bildschirmen nicht gut skalieren. Ich empfehle, die Dimensionen dieser Ansicht programmgesteuert auf einen bestimmten Prozentsatz der Vorschaufläche festzulegen. Sie können support library verwenden, um dies in XML zu definieren, aber ich befürchte, dies wird Ihnen nicht genügend Kontrolle geben.

Mit all dem zur Hand, lassen Sie uns sagen, dass wir eine Vorschau von 1280 × 720 haben, Bild von 2560 × 1440, unser Bildschirm ist 1280 × 800, und das Rechteck ist in der Mitte, 616 × 400 Pixel (das ist mehr oder weniger die Größe von Ihrem Screenshot skaliert).

Die tatsächliche Vorschaugröße auf dem Bildschirm wird wahrscheinlich 1000x562, rechts und links mit schwarzen Rändern von 79px gepolstert sein. Dann wird der folgende Code das erwartete aufgenommene Bild erzeugen:

public void onPictureTaken(byte[] data, Camera camera) { 
    //.../ 
    Bitmap imagemOriginal = BitmapFactory.decodeByteArray(data, 0, data.length); // 2560×1440 
    float scale = 1280/1000.; 
    int left = scale*(imagemOriginal.getWidth()-400)/2; 
    int top = scale*(imagemOriginal.getHeight()-616)/2; 
    int width = scale*400; 
    int height = scale*616; 
    Matrix rotationMatrix = new Matrix(); 
    rotationMatrix.postRotate(90); 
    Bitmap imagemCortada = Bitmap.createBitmap(imagemOriginal, left, top, width, height, rotationMatrix, false); 
    //.../ 
}