Ernte Bild als Kreis in Android

Weiß jemand, wie man ein Bild zuzuschneiden\bitmap zu einem Kreis?
Ich finde keine Lösung, sorry ..

InformationsquelleAutor AlexMrKlim | 2012-10-17
  1. 2

    Romain Guy, der früher als Ingenieur auf dem Android-team bei Google, hat in einem ausgezeichneten Artikel auf zeichnen von Bildern mit abgerundeten Ecken. Diese Idee könnte leicht erweitert werden, um zum Beispiel einen Kreis, indem Sie den " abgerundetes Rechteck radius, so dass es erzeugt einen vollständigen Kreis.

    Aus dem Artikel:

    Erzeugen die abgerundeten Bilder, die ich einfach schrieb eine benutzerdefinierte Drawable dass
    zeichnet ein abgerundetes Rechteck mit Canvas.drawRoundRect(). Der trick ist
    die Verwendung einer Paint mit einem BitmapShader füllen Sie das abgerundetes-Rechteck mit
    eine textur statt einer einfachen Farbe. Hier ist, was der code sieht wie folgt aus:

    BitmapShader shader; shader = new BitmapShader(bitmap,
Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

Paint paint = new Paint(); paint.setAntiAlias(true);
paint.setShader(shader);

RectF rect = new RectF(0.0f, 0.0f, width, height);

//rect contains the bounds of the shape
//radius is the radius in pixels of the rounded corners
//paint contains the shader that will texture the shape
canvas.drawRoundRect(rect, radius, radius, paint);
    • Canvas stellt auch einen drawCircle Methode, die möglicherweise besser geeignet sein für diesen Fall.
    InformationsquelleAutor Scott W
  2. 2

    Dafür, abgerundete Ecken für Bildansicht, konvertieren Sie das Bild in ein bitmap und dann versuchen folgenden code :

         private Bitmap getRoundedCroppedBitmap(Bitmap bitmap) {
        int widthLight = bitmap.getWidth();
        int heightLight = bitmap.getHeight();

        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(),Config.ARGB_8888);

        Canvas canvas = new Canvas(output);
        Paint paintColor = new Paint();
        paintColor.setFlags(Paint.ANTI_ALIAS_FLAG);

        RectF rectF = new RectF(new Rect(0, 0, widthLight, heightLight));

        canvas.drawRoundRect(rectF, widthLight / 2 ,heightLight / 2,paintColor);

        Paint paintImage = new Paint();
        paintImage.setXfermode(new PorterDuffXfermode(Mode.SRC_ATOP));
        canvas.drawBitmap(bitmap, 0, 0, paintImage);

        return output;
    }
    InformationsquelleAutor Aj 27
  3. 2

    Klasse:

      public Bitmap getRoundedShape(Bitmap scaleBitmapImage) {

    int targetWidth = 50;
    int targetHeight = 50;
    Bitmap targetBitmap = Bitmap.createBitmap(targetWidth, 
                        targetHeight,Bitmap.Config.ARGB_8888);
                        canvas = new Canvas(targetBitmap);
    Path path = new Path();
    path.addCircle(((float) targetWidth - 1) / 2,
    ((float) targetHeight - 1) / 2,
    (Math.min(((float) targetWidth), 
            ((float) targetHeight)) / 2),
      Path.Direction.CCW);

    canvas.clipPath(path);
    Bitmap sourceBitmap = scaleBitmapImage;
    canvas.drawBitmap(sourceBitmap, 
                            new Rect(0, 0, sourceBitmap.getWidth(),
      sourceBitmap.getHeight()), 
                            new Rect(0, 0, targetWidth,
      targetHeight), null);
    return targetBitmap;
   }

    Anzeigen:

    <ImageView
        android:id="@+id/imgView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/btnEdit"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="40dp"
        android:background="@drawable/rounded"
        android:adjustViewBounds="true"
        android:gravity="center"
        android:src="@drawable/happy"/>

    Zusätzliche Stile:

     <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" >

<solid android:color="@android:color/white" />

<stroke
    android:width="3dip"
    android:color="#FF0000" />

<corners android:radius="10dp" />

<padding
    android:bottom="0dp"
    android:left="0dp"
    android:right="0dp"
    android:top="0dp" />

    InformationsquelleAutor MarcinZiolek
  4. 1

    Versuchen Sie es mit folgenden code :

    public Bitmap getRoundedShape(Bitmap scaleBitmapImage) {
  //TODO Auto-generated method stub
  int targetWidth = 50;
  int targetHeight = 50;
  Bitmap targetBitmap = Bitmap.createBitmap(targetWidth, 
                            targetHeight,Bitmap.Config.ARGB_8888);

                Canvas canvas = new Canvas(targetBitmap);
  Path path = new Path();
  path.addCircle(((float) targetWidth - 1) / 2,
  ((float) targetHeight - 1) / 2,
  (Math.min(((float) targetWidth), 
                ((float) targetHeight)) / 2),
          Path.Direction.CCW);

                canvas.clipPath(path);
  Bitmap sourceBitmap = scaleBitmapImage;
  canvas.drawBitmap(sourceBitmap, 
                                new Rect(0, 0, sourceBitmap.getWidth(),
    sourceBitmap.getHeight()), 
                                new Rect(0, 0, targetWidth,
    targetHeight), null);
  return targetBitmap;
 }
    • Funktioniert Nicht. Bitte schlagen Sie mich.
    InformationsquelleAutor Francisco Fernando
  5. 1

    Wiseman Designs, eine open-source-Rundschreiben Bildansicht bereit für den Einsatz

    https://github.com/wisemandesigns/CircularImageView

    Diese verwendet XML in Ihren layouts, die das Leben leichter macht. Sie können die Quelle im XML-oder mit einigen kleinen änderungen, könnte leicht zu verwenden, um eine Bitmap.

    Disclaimer: ich arbeite für Wiseman Designs

    InformationsquelleAutor Graham Smith
  6. 0
    finalBitmapShader shader = newBitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
mPaint.setShader(shader);
mBitmapWidth=mBitmap.getWidth();
mBitmapHeight=mBitmap.getHeight();
}
@Override
public void draw(Canvas canvas{ 
  canvas.drawOval(mRectF,mPaint);
}
@Override
protected void onBoundsChange(Rect bounds) {
  super.onBoundsChange(bounds);
  mRectF.set(bounds);
}

    hier fand ich ein Beispiel-tutorial von es an
    http://androidgreeve.blogspot.in/2014/09/facebook-messanger-like-profile-image.html?m=1

    InformationsquelleAutor user3929769
Schreibe einen Kommentar