2015-09-04 42 views
0

我已經創建了圓形圖像視圖中的圓形圖像視圖與CircularImageView庫如何刪除安卓

,我面臨着圍繞在我的佈局的圓形圖像的黑色背景的問題圍繞黑色的背景,我試圖解決這個問題但我沒能解決這個問題

下面的代碼是CircularImageView.java文件

package de.hdodenhof.circleimageview; 

import android.content.Context; 
import android.content.res.TypedArray; 
import android.graphics.Bitmap; 
import android.graphics.BitmapShader; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.ColorFilter; 
import android.graphics.Matrix; 
import android.graphics.Paint; 
import android.graphics.RectF; 
import android.graphics.Shader; 
import android.graphics.drawable.BitmapDrawable; 
import android.graphics.drawable.ColorDrawable; 
import android.graphics.drawable.Drawable; 
import android.net.Uri; 
import android.util.AttributeSet; 
import android.widget.ImageView; 

public class CircleImageView extends ImageView { 

    private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP; 

    private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888; 
    private static final int COLORDRAWABLE_DIMENSION = 2; 

    private static final int DEFAULT_BORDER_WIDTH = 0; 
    private static final int DEFAULT_BORDER_COLOR = Color.BLACK; 

    private final RectF mDrawableRect = new RectF(); 
    private final RectF mBorderRect = new RectF(); 

    private final Matrix mShaderMatrix = new Matrix(); 
    private final Paint mBitmapPaint = new Paint(); 
    private final Paint mBorderPaint = new Paint(); 

    private int mBorderColor = DEFAULT_BORDER_COLOR; 
    private int mBorderWidth = DEFAULT_BORDER_WIDTH; 

    private Bitmap mBitmap; 
    private BitmapShader mBitmapShader; 
    private int mBitmapWidth; 
    private int mBitmapHeight; 

    private float mDrawableRadius; 
    private float mBorderRadius; 

    private ColorFilter mColorFilter; 

    private boolean mReady; 
    private boolean mSetupPending; 

    public CircleImageView(Context context) { 
     super(context); 

     init(); 
    } 

    public CircleImageView(Context context, AttributeSet attrs) { 
     this(context, attrs, 0); 
    } 

    public CircleImageView(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 

     TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleImageView, defStyle, 0); 

     mBorderWidth = a.getDimensionPixelSize(R.styleable.CircleImageView_border_width, DEFAULT_BORDER_WIDTH); 
     mBorderColor = a.getColor(R.styleable.CircleImageView_border_color, DEFAULT_BORDER_COLOR); 

     a.recycle(); 

     init(); 
    } 

    private void init() { 
     super.setScaleType(SCALE_TYPE); 
     mReady = true; 

     if (mSetupPending) { 
      setup(); 
      mSetupPending = false; 
     } 
    } 

    @Override 
    public ScaleType getScaleType() { 
     return SCALE_TYPE; 
    } 

    @Override 
    public void setScaleType(ScaleType scaleType) { 
     if (scaleType != SCALE_TYPE) { 
      throw new IllegalArgumentException(String.format("ScaleType %s not supported.", scaleType)); 
     } 
    } 

    @Override 
    public void setAdjustViewBounds(boolean adjustViewBounds) { 
     if (adjustViewBounds) { 
      throw new IllegalArgumentException("adjustViewBounds not supported."); 
     } 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     if (getDrawable() == null) { 
      return; 
     } 

     canvas.drawCircle(getWidth()/2, getHeight()/2, mDrawableRadius, mBitmapPaint); 
     if (mBorderWidth != 0) { 
      canvas.drawCircle(getWidth()/2, getHeight()/2, mBorderRadius, mBorderPaint); 
     } 
    } 

    @Override 
    protected void onSizeChanged(int w, int h, int oldw, int oldh) { 
     super.onSizeChanged(w, h, oldw, oldh); 
     setup(); 
    } 

    public int getBorderColor() { 
     return mBorderColor; 
    } 

    public void setBorderColor(int borderColor) { 
     if (borderColor == mBorderColor) { 
      return; 
     } 

     mBorderColor = borderColor; 
     mBorderPaint.setColor(mBorderColor); 
     invalidate(); 
    } 

    public int getBorderWidth() { 
     return mBorderWidth; 
    } 

    public void setBorderWidth(int borderWidth) { 
     if (borderWidth == mBorderWidth) { 
      return; 
     } 

     mBorderWidth = borderWidth; 
     setup(); 
    } 

    @Override 
    public void setImageBitmap(Bitmap bm) { 
     super.setImageBitmap(bm); 
     mBitmap = bm; 
     setup(); 
    } 

    @Override 
    public void setImageDrawable(Drawable drawable) { 
     super.setImageDrawable(drawable); 
     mBitmap = getBitmapFromDrawable(drawable); 
     setup(); 
    } 

    @Override 
    public void setImageResource(int resId) { 
     super.setImageResource(resId); 
     mBitmap = getBitmapFromDrawable(getDrawable()); 
     setup(); 
    } 

    @Override 
    public void setImageURI(Uri uri) { 
     super.setImageURI(uri); 
     mBitmap = getBitmapFromDrawable(getDrawable()); 
     setup(); 
    } 

    @Override 
    public void setColorFilter(ColorFilter cf) { 
     if (cf == mColorFilter) { 
      return; 
     } 

     mColorFilter = cf; 
     mBitmapPaint.setColorFilter(mColorFilter); 
     invalidate(); 
    } 

    private Bitmap getBitmapFromDrawable(Drawable drawable) { 
     if (drawable == null) { 
      return null; 
     } 

     if (drawable instanceof BitmapDrawable) { 
      return ((BitmapDrawable) drawable).getBitmap(); 
     } 

     try { 
      Bitmap bitmap; 

      if (drawable instanceof ColorDrawable) { 
       bitmap = Bitmap.createBitmap(COLORDRAWABLE_DIMENSION, COLORDRAWABLE_DIMENSION, BITMAP_CONFIG); 
      } else { 
       bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), BITMAP_CONFIG); 
      } 

      Canvas canvas = new Canvas(bitmap); 
      drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight()); 
      drawable.draw(canvas); 
      return bitmap; 
     } catch (OutOfMemoryError e) { 
      return null; 
     } 
    } 

    private void setup() { 
     if (!mReady) { 
      mSetupPending = true; 
      return; 
     } 

     if (mBitmap == null) { 
      return; 
     } 

     mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); 

     mBitmapPaint.setAntiAlias(true); 
     mBitmapPaint.setShader(mBitmapShader); 

     mBorderPaint.setStyle(Paint.Style.STROKE); 
     mBorderPaint.setAntiAlias(true); 
     mBorderPaint.setColor(mBorderColor); 
     mBorderPaint.setStrokeWidth(mBorderWidth); 

     mBitmapHeight = mBitmap.getHeight(); 
     mBitmapWidth = mBitmap.getWidth(); 

     mBorderRect.set(0, 0, getWidth(), getHeight()); 
     mBorderRadius = Math.min((mBorderRect.height() - mBorderWidth)/2, (mBorderRect.width() - mBorderWidth)/2); 

     mDrawableRect.set(mBorderWidth, mBorderWidth, mBorderRect.width() - mBorderWidth, mBorderRect.height() - mBorderWidth); 
     mDrawableRadius = Math.min(mDrawableRect.height()/2, mDrawableRect.width()/2); 

     updateShaderMatrix(); 
     invalidate(); 
    } 

    private void updateShaderMatrix() { 
     float scale; 
     float dx = 0; 
     float dy = 0; 

     mShaderMatrix.set(null); 

     if (mBitmapWidth * mDrawableRect.height() > mDrawableRect.width() * mBitmapHeight) { 
      scale = mDrawableRect.height()/(float) mBitmapHeight; 
      dx = (mDrawableRect.width() - mBitmapWidth * scale) * 0.5f; 
     } else { 
      scale = mDrawableRect.width()/(float) mBitmapWidth; 
      dy = (mDrawableRect.height() - mBitmapHeight * scale) * 0.5f; 
     } 

     mShaderMatrix.setScale(scale, scale); 
     mShaderMatrix.postTranslate((int) (dx + 0.5f) + mBorderWidth, (int) (dy + 0.5f) + mBorderWidth); 

     mBitmapShader.setLocalMatrix(mShaderMatrix); 
    } 

} 

和我的佈局是

<com.example.util.CircleImageView 
       xmlns:app="http://schemas.android.com/apk/res-auto" 
       app:border_color="@color/white" 
       app:border_width="2dp" 
       android:id="@+id/chooseanavatar" 
       android:layout_width="45dp" 
       android:layout_height="45dp" 
       android:layout_marginTop="5dp" 
       android:layout_gravity="center_horizontal" 
       android:layout_centerVertical="true" 

       /> 
+0

已經回答了這裏。這可以幫助你: http://stackoverflow.com/questions/28971251/black-background-in-circular-image-view-in-lollipop –

+0

我試圖解決方案,你已經提到過,根本沒有任何改變 – shobhanstack

+0

mBorderPaint.setAlpha(254);我已經使用這個解決方案,但沒有改變,什麼是setAlpla()?我們是否需要根據我們的需求更改價值,是否透明 – shobhanstack

回答

0

您目前使用的是棒棒糖,是因爲該問題只出現在棒棒糖設備上,它在棒棒糖前可以正常工作。

與預棒棒糖試試吧,如果你正在使用棒棒糖加入這一行:

paintBorder.setAlpha(254);

+0

是啊...我只使用棒棒糖版本... – shobhanstack

+0

嘗試使用前棒棒糖,看看它的工作。 –

+0

除了棒棒糖,在所有版本中,圖像正確顯示沒有任何黑色背景。但我們想要在棒棒糖中定位我們的應用程序。我們如何解決這個問題? – shobhanstack

0

嘗試更改CircleImageView的RelativeLayout的背景。見下面供參考:

<RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:padding="@dimen/base_padding" 
     android:background="@color/light"> 

     <com.example.util.CircleImageView 
      android:layout_width="160dp" 
      android:layout_height="160dp" 
      android:layout_centerInParent="true" 
      android:src="@drawable/hugh" 
      app:border_width="2dp" 
      app:border_color="@color/dark" /> 

</RelativeLayout> 
+0

我試過但沒有輸出。 – shobhanstack

+1

檢查這說明與我上面說的相同:https://github.com/hdodenhof/CircleImageView – lavan

4

我想我找到了一個解決方案在棒棒糖。

myView = LinearLayout(parent layout for the circleview not the circleview itself) 
myView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); 

這將禁用硬件加速。

你可以用它來circleimageview的父視圖,profile_img_container。

不要直接使用它來circleimageview。它會告訴你黑色的外圈。

<LinearLayout 
    android:id="@+id/profile_img_container" 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center" 
    android:paddingTop="20dp" 
    android:paddingBottom="20dp" 
    android:fitsSystemWindows="true" 
    app:layout_collapseMode="parallax"> 

      <de.hdodenhof.circleimageview.CircleImageView 
      xmlns:app="http://schemas.android.com/apk/res-auto" 
      android:id="@+id/profile_image" 
      android:layout_width="96dp" 
      android:layout_height="96dp" 
      android:src="@drawable/profile002" 
      android:layout_marginTop="20dp" 
      app:civ_border_width="1dp" 
      app:civ_border_color="#44000000" 
      android:fitsSystemWindows="true" 
      app:layout_collapseMode="parallax"/> 

</LinearLayout> 

來源:https://github.com/hdodenhof/CircleImageView/issues/31

+0

請注意,在這行代碼 myView.setLayerType(View.LAYER_TYPE_SOFTWARE,null); myView = LinearLayout(圓形視圖的父級佈局不是圓形視圖本身)。 – ralphgabb

+0

好點@ralphgabb! – Rafa0809

2
circle_imageview.setLayerType(View.LAYER_TYPE_HARDWARE, null); 

它對我的工作。 check this link

0

來自同一個問題在7.0上有一個類似的視圖。 通過在繪製其他任何東西之前繪製白色帆布來解決。

@Override 
public void onDraw(Canvas canvas) { 
     canvas.drawARGB(255, 255, 255, 255); 
     ... 
} 

此解決方案具有相同的視覺效果如XML,直接設置在白色背景,但如果這種觀點是不平坦的視圖的孩子將無法正常工作(你會看到AA白色正方形)