2015-09-04 94 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白色正方形)