ImageView显示src和background，ImageView动画(Gif)或动画Animation，及ImageView画圆

> glide设置占位图(placeholder)和错误(error)图片不起作用  
Android Glide框架加载占位图和error图时有问题-https://ask.csdn.net/questions/378331
Glide加载图片，使用占位图时出现问题- https://bbs.csdn.net/topics/392340298

使用 glide 实现圆角、圆形图片- https://www.jianshu.com/p/7cd815b5da42
Android自定义圆角矩形ImageView，支持Glide加载图片及颜色填充-
https://blog.csdn.net/ydxlt/article/details/80307516
//设置占位图和错误图片
Glide.with(context).load(url).error(R.mipmap.ic_launcher).into(imageView);
Glide.with(NyApplication.getInstance()).load(cookie).dontAnimate()
                .placeholder(imageView.getDrawable())
                .error(imageView.getDrawable())
                .diskCacheStrategy(DiskCacheStrategy.NONE)
                .skipMemoryCache(true)
                .into(imageView);
.signature( new StringSignature("01"))//增加签名

//设置图片圆角
用 .bitmapTransform(new CropCircleTransformation(this))是没有问题的
Glide.with(this)
.load("http://img2.ph.126.net/AHcrrOprZvzbCzRuzXkcRw==/1383730985609780663.jpg")
// .fitCenter()
.placeholder(R.drawable.a)
.error(R.drawable.e)
.bitmapTransform(new CropCircleTransformation(this))
// .override(100, 100)
// .thumbnail(0.5f)
.into(imageView11);

Android图片圆角RoundedImageView- https://github.com/vinc3m1/RoundedImageView

> ImageView显示src和background
<ImageView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@drawable/ic_play_arrow_white_24dp" />
((ImageView) view).setImageResource(resId);

<ImageView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:background="@drawable/ic_play_arrow_white_24dp" />
(ImageView)mPlayPauseReplayIV.setBackgroundResource(R.mipmap.ic_stop_white_24dp);

-- ImageView android:scaleType可控制图片的缩放方式，示例代码如下：
<ImageView android:id="@+id/img"   
    android:src="@drawable/logo"  
    android:scaleType="centerInside"  
    android:layout_width="60dip"  
    android:layout_height="60dip"  
    android:layout_centerVertical="true"/>  
说明：centerInside表示按比例缩放图片，使得图片长 (宽)的小于等于视图的相应维度。
　　注意：控制的图片为资源而不是背景，即android:src="@drawable/logo"，而非android:background="@drawable/logo"，我就笨笨地犯了这个低级错误，导致错怪人家scaleType不起作用。程序中动态加载图片也类似，如：应该imgView.setImageResource(R.drawable.*); 而非imgView.setBackgroundResource(R.drawable.*);
 
附：更详细的scaleType说明：
android:scaleType是控制图片如何resized/moved来匹对ImageView的size。
ImageView.ScaleType / android:scaleType值的意义区别：
CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示
CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)
CENTER_INSIDE / centerInside  将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示
FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置
FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置
FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示
MATRIX / matrix 用矩阵来绘制，动态缩小放大图片来显示。

** 要注意一点，Drawable文件夹里面的图片命名是不能大写的。

-- ImageView通过设置Background会将图片资源拉伸至控件的宽高,通过src设置并不会有这样的现象。
ImageView的设置src与background绘制流程- https://www.jianshu.com/p/ed5d7f8e63e1
ImageView 与 Background的区别与联系以及绘制的流程：
 1.都是Drawable资源的绘制，所以他们内容是可以互通的。
 2.background是View的属性，在View层绘制(所以Background称为背景，因为它在自定义View的onDraw()方法被调用前就已经被调用绘制了)，所有的控件都具有该属性，src是ImageView中定义的属性，在ImageView的onDraw方法中才被绘制。只有ImageView即其子类才有此属性。
 3.background是缩放填充式的绘制，src可以通过ScaleType设置不同的缩放效果。

 4.padding属性对background无效，但对ImageView的src是有效的。

一、ImageView设置background和src的区别。 

 1.src是图片内容（前景），bg是背景，可以同时使用。 
2.background会根据ImageView组件给定的长宽进行拉伸，而src就存放的是原图的大小，不会进行拉伸 。
3.scaleType只对src起作用；bg可设置透明度。

二、ImageView几种不同的设置图片的方式。 
设置background： 
1.image.setBackground(getResources().getDrawable(R.drawable.blackk));//变形 
2.image.setBackgroundResource(R.drawable.blackk);//变形 3.image.setBackgroundDrawable(getResources().getDrawable
(R.drawable.blackk));变形 
源码：这三种方法的实质都是调用方法3setBackgroundDrawable()。

设置src: 
1.image.setImageDrawable(getResources().getDrawable(R.drawable.blackk)); //不会变形 
2.Stringpath=Environment.getExternalStorageDirectory()+File.separator+”test1.jpg”; 
Bitmap bm =
BitmapFactory.decodeFile(path); 
image.setImageBitmap(bm);//不会变形 
3.image.setImageResource(R.drawable.blackk);//不会变
形 
源码： 其中方法2就是将bitmap转换为drawable然后调用方法1，方法1和方法3都是调用updateDrawable（）方法。

-- ImageView的前景色src（图片）和背景色background（图片）？
imageView2.getDrawable()可获得图片2的背景。值为Drawable类型
imageView1.setImageDrawable(drawable);   设置imageView1的背景图片

ImageView中XML属性src和background区别, 两者都可以设置ImageView的背景:
android:src：在设置ImageView的setAlpha()时有效果
android:background：在设置ImageView的setAlpha()时无效果

background会根据ImageView的长宽进行拉伸，按照组件的大小来放大或者缩小图片。
src就存放的是原图的大小，不会进行拉伸，原图显示，不该变图片的大小

一、ImageView设置background和src的区别。 
 1.src是图片内容（前景），bg是背景，可以同时使用。 
 2.background会根据ImageView组件给定的长宽进行拉伸，而src就存放的是原图的大小，不会进行拉伸 。 
 3.scaleType只对src起作用；bg可设置透明度。

  设置background： 
 1.image.setBackground(getResources().getDrawable(R.drawable.blackk));//变形 
 2.image.setBackgroundResource(R.drawable.blackk);//变形
 3.image.setBackgroundDrawable(getResources().getDrawable(R.drawable.blackk));变形 
源码：这三种方法的实质都是调用方法3 setBackgroundDrawable()。

  设置src: 
 1.image.setImageDrawable(getResources().getDrawable(R.drawable.blackk)); //不会变形 
 2.String path=Environment.getExternalStorageDirectory()+File.separator+”test1.jpg”; 
   Bitmap bm = BitmapFactory.decodeFile(path); 
   image.setImageBitmap(bm);//不会变形 
 3.image.setImageResource(R.drawable.blackk);//不会变形 
源码： 其中方法2就是将bitmap转换为drawable然后调用方法1，方法1和方法3都是调用updateDrawable（）方法。
 
 android设置背景图片xml的background和java的getDrawable()。
 imageview.setimageDrawable和setbackgroundDrawable- https://blog.csdn.net/isguider/article/details/50766515
  在布局文件中Imageview用的src引用图片。想在代码中对控件的图片进行修改，于是最开始选择的是setBackgroundResource，但是发现图片是平铺的，效果并不是理想的。于是用的setImageDrawable(getResources().getDrawable(）但是发现在5.1中是过期的。

> ImageView动画(Gif)或动画Animation
制作动态GIF效果和显示效果-ImageView动画(Gif)或动画Animation。Glide使用ImageView显示动画，支持GIF。
Android学习之ImageView放置gif动态图- http://blog.csdn.net/jiapeng2b/article/details/47911883
Android轻松实现播放Gif图片- http://blog.csdn.NET/y_fc75/article/details/46494929
使用GifView的开源jar包- http://code.google.com/p/gifview/
Android-gif-drawable的源代码下载地址：https://github.com/koral--/android-gif-drawable 
Glide加载图片的库- https://github.com/bumptech/glide （对比Glide 和 Picasso）

> ImageView 画圆、半圆和画虚线
  ImageView充满全部控件 android:scaleType="fitXY" 。
ImageView如何使用shape来画圆、半圆和画虚线- http://blog.csdn.net/denghepingpeace/article/details/51462638
画圆Demo的github地址：https://github.com/fookwood/AndroidGraphicsDemo
Android自定义ImageView实现圆形图片- https://blog.csdn.net/RockyHua/article/details/79416085
自定义圆形头像CircleImageView- https://blog.csdn.net/zhoubin1992/article/details/47258639 
自定义圆形头像CircleImageView- https://github.com/hdodenhof/CircleImageView

public class CustomCircleImageView extends ImageView { // 画圆的头像
    //画笔
    private Paint mPaint;
    //圆形图片的半径
    private int mRadius;
    //图片的宿放比例
    private float mScale;
 
    public CustomCircleImageView(Context context) {
        super(context);
    }
 
    public CustomCircleImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }
 
    public CustomCircleImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
 
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //由于是圆形，宽高应保持一致
        int size = Math.min(getMeasuredWidth(), getMeasuredHeight());
        mRadius = size / 2;
        setMeasuredDimension(size, size);
    }
 
    @SuppressLint("DrawAllocation")
    @Override
    protected void onDraw(Canvas canvas) {
        mPaint = new Paint();
        Drawable drawable = getDrawable();
 
        if (null != drawable) {
            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
            //初始化BitmapShader，传入bitmap对象
            BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
            //计算缩放比例
            mScale = (mRadius * 2.0f) / Math.min(bitmap.getHeight(), bitmap.getWidth());
 
            Matrix matrix = new Matrix();
            matrix.setScale(mScale, mScale);
            bitmapShader.setLocalMatrix(matrix);
            mPaint.setShader(bitmapShader);
            //画圆形，指定好坐标，半径，画笔
            canvas.drawCircle(mRadius, mRadius, mRadius, mPaint);
        } else {
            super.onDraw(canvas);
        }
    }
 }

 

-- Glide加载图片时ImageView上边角不是圆角，下边是圆角
Android 一个万能的圆角ImageView- https://www.jianshu.com/p/fd7745d3d018
Android实现Imageview上面圆角下面直角效果- https://blog.csdn.net/xiaoqiang_0719/article/details/73332156

<declare-styleable name="RoundRectImageView">
        <attr name="corner" format="integer"></attr>
    </declare-styleable>
/**
 * Created by desaco on 2018/11/23.
 * 圆角矩形ImageView
 */
public class CustomRoundRectImageView extends AppCompatImageView {

//
    //圆角弧度
    private float[] rids = {10.0f,10.0f,10.0f,10.0f,10.0f,10.0f,10.0f,10.0f,};
//    private float[] rids = {40.0f,40.0f,40.0f,40.0f,0.0f,0.0f,0.0f,0.0f,};

    public CustomRoundRectImageView(Context context) {
        super(context);
    }

    public CustomRoundRectImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomRoundRectImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    protected void onDraw(Canvas canvas) {
        Path path = new Path();
        int w = this.getWidth();
        int h = this.getHeight();
        //绘制圆角imageview
        path.addRoundRect(new RectF(0,0,w,h),rids,Path.Direction.CW);
        canvas.clipPath(path);
        super.onDraw(canvas);
    }

    //---------------------------------------------------------------------- TODO
    //---------------------------------------------------------------------- TODO
    /**
     * 默认的圆角大小，单位为dp
     */
//    private static final float DEFAULT_CORNER = 10;
//    private Paint mPaint;
//    private int mCorner;
//
//    public CustomRoundRectImageView(Context context) {
//        this(context,null);
//    }
//
//    public CustomRoundRectImageView(Context context, AttributeSet attrs) {
//        this(context, attrs,0);
//    }
//
//    public CustomRoundRectImageView(Context context, AttributeSet attrs, int defStyle) {
//        super(context, attrs, defStyle);
//        mPaint = new Paint();
//        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundRectImageView);
//        mCorner = (int) typedArray.getDimension(R.styleable.RoundRectImageView_corner, dp2px(context, DEFAULT_CORNER));
//        typedArray.recycle();
//    }
//
//    /**
//     * 绘制圆角矩形图片
//     */
//    @Override
//    protected void onDraw(Canvas canvas) {
//        Drawable drawable = getDrawable();
//        if ( drawable != null ) {
//            Bitmap bitmap = null;
//            // Drawable转Bitmap
//            if(drawable instanceof GlideBitmapDrawable) {
//                bitmap = ((GlideBitmapDrawable)drawable).getBitmap();
//            } else if(drawable instanceof ColorDrawable){
//                bitmap = Bitmap.createBitmap(getWidth(),getHeight(),
//                        Bitmap.Config.ARGB_8888);
//                bitmap.eraseColor(((ColorDrawable) drawable).getColor());//填充颜色
//            }else{
//                bitmap = ((BitmapDrawable)drawable).getBitmap();
//            }
//            Bitmap roundBitmap = getRoundBitmap(bitmap, mCorner);
//            final Rect rectSrc = new Rect(0, 0, roundBitmap.getWidth(), roundBitmap.getHeight());
//            final Rect rectDest = new Rect(0,0,getWidth(),getHeight());
//            // 重置画笔，不然会留下黑色区域
//            mPaint.reset();
//            canvas.drawBitmap(roundBitmap, rectSrc, rectDest, mPaint);
//        } else {
//            super.onDraw(canvas);
//        }
//    }
//
//    /**
//     * 裁剪图片
//     * @param bitmap
//     * @param corner
//     * @return Bitmap
//     */
//    private Bitmap getRoundBitmap(Bitmap bitmap, int corner) {
//        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
//                bitmap.getHeight(), Bitmap.Config.ARGB_8888);
//        Canvas canvas = new Canvas(output);
//        final Rect rect = new Rect(getPaddingLeft(), getPaddingTop(), bitmap.getWidth()-getPaddingRight(), bitmap.getHeight()-getPaddingBottom());
//        final RectF rectF = new RectF(rect);
//        mPaint.setAntiAlias(true);
//        canvas.drawARGB(0, 0, 0, 0);
//        mPaint.setColor(Color.WHITE);
//        canvas.drawRoundRect(rectF, corner, corner, mPaint);
//        // 设置图像混合模式为SRC_IN，裁剪出我们的圆角Bitmap
//        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
//        canvas.drawBitmap(bitmap, rect, rect, mPaint);
//        return output;
//    }
//
//    /**
//     * dp转 px.
//     * @param value the value
//     * @return the int
//     */
//    public static int dp2px(Context context, float value) {
//        final float scale = context.getResources().getDisplayMetrics().densityDpi;
//        return (int) (value * (scale / 160) + 0.5f);
//    }

    //---------------------------------------------------------------------- TODO
    //---------------------------------------------------------------------- TODO
//    private int cornerSize = 30;
//    private Paint paint;
//    public CustomRoundRectImageView(Context context) {
//        super(context);
//        paint = new Paint();
//        paint.setColor(Color.WHITE);
//        paint.setAntiAlias(true);//消除锯齿
//    }
//
//    public CustomRoundRectImageView(Context context, @Nullable AttributeSet attrs) {
//        super(context, attrs);
//        paint = new Paint();
//        paint.setColor(Color.WHITE);
//        paint.setAntiAlias(true);//消除锯齿
//    }
//
//    @Override
//
//    public void draw(Canvas canvas) {
//        super.draw(canvas);
//        drawLeftTop(canvas);
//        drawRightTop(canvas);
//        drawLeftBottom(canvas);
//        drawRightBottom(canvas);
//    }
//
//    private void drawLeftTop(Canvas canvas) {
//        Path path = new Path();
//        path.moveTo(0, cornerSize);
//        path.lineTo(0, 0);
//        path.lineTo(cornerSize, 0);
//        path.arcTo(new RectF(0, 0, cornerSize * 2, cornerSize * 2), -90, -90);
//        path.close();
//        canvas.drawPath(path, paint);
//    }
//
//    private void drawLeftBottom(Canvas canvas) {
//        Path path = new Path();
//        path.moveTo(0, getHeight() - cornerSize);
//        path.lineTo(0, getHeight());
//        path.lineTo(cornerSize, getHeight());
//        path.arcTo(new RectF(0, // x
//
//                getHeight() - cornerSize * 2,// y
//
//                cornerSize * 2,// x
//
//                getHeight()// getWidth()// y
//
//        ), 90, 90);
//        path.close();
//        canvas.drawPath(path, paint);
//    }
//
//    private void drawRightBottom(Canvas canvas) {
//        Path path = new Path();
//        path.moveTo(getWidth() - cornerSize, getHeight());
//        path.lineTo(getWidth(), getHeight());
//        path.lineTo(getWidth(), getHeight() - cornerSize);
//        RectF oval = new RectF(getWidth() - cornerSize * 2, getHeight()
//                - cornerSize * 2, getWidth(), getHeight());
//        path.arcTo(oval, 0, 90);
//        path.close();
//        canvas.drawPath(path, paint);
//    }
//
//    private void drawRightTop(Canvas canvas) {
//        Path path = new Path();
//        path.moveTo(getWidth(), cornerSize);
//        path.lineTo(getWidth(), 0);
//        path.lineTo(getWidth() - cornerSize, 0);
//        path.arcTo(new RectF(getWidth() - cornerSize * 2, 0, getWidth(),
//                0 + cornerSize * 2), -90, 90);
//        path.close();
//        canvas.drawPath(path, paint);
//    }
//
//    public int getCornerSize() {
//        return cornerSize;
//    }
//
//    public void setCornerSize(int cornerSize) {
//        this.cornerSize = cornerSize;
//    }

}