> 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;
// }
}