android GIF图圆角控件 ImageView封装GIF控件

编程入门 行业动态 更新时间:2024-10-07 04:36:35

android GIF图圆角<a href=https://www.elefans.com/category/jswz/34/1769529.html style=控件 ImageView封装GIF控件"/>

android GIF图圆角控件 ImageView封装GIF控件

ImageView自定义GIF控件的方法网上很多,想了解的自行上网查阅。

怎么给自定义的GIF控件增加倒角,想了解详细过程的了,请看这位大神的博客:

感谢大神的分享!!!!!

先看看效果:

这里有封装好的demo,不想看废话的直接下载吧:

下面直接撸代码:

package com.yzdm.utils.viewutils;import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Movie;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.os.SystemClock;
import android.support.v7.widget.AppCompatImageView;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
import android.view.ViewParent;import com.yzdm.utils.R;import java.io.IOException;
import java.io.InputStream;
import java.lang.reflect.Field;/*** 带倒角的gif*/
public class CornersGifView extends AppCompatImageView implements View.OnClickListener {/*** 是否自动播放*/private boolean isAutoPlay;/*** 播放GIF动画的关键类*/private Movie mMovie;/*** gif宽高*/private BitmapSize bitmapSize;/*** 播放按钮*/private Bitmap mStartBotton;/*** 是否正在播放gif*/private boolean isPlaying;/*** gif开始时间*/private long mMovieStart;private Paint mPaint;private Path mPath;private float[] mCorners = {100, 100, 100, 100, 100, 100, 100, 100};public CornersGifView(Context context) {super(context);}public CornersGifView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public CornersGifView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);mPath = new Path();if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {this.setLayerType(View.LAYER_TYPE_SOFTWARE, null);}obtainStyledAttr(context, attrs, defStyleAttr);}private void obtainStyledAttr(Context context, AttributeSet attrs, int defStyleAttr) {TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CornersGifView, defStyleAttr, 0);int resId = getIdentifier(a);if (resId != 0) {// 当资源id不等于0时,就去获取该资源的流InputStream is = getResources().openRawResource(resId);// 使用Movie类对流进行解码mMovie = Movie.decodeStream(is);//mMovie不等null说明这是一个GIF图片if (mMovie != null) {this.setLayerType(View.LAYER_TYPE_SOFTWARE, null);//是否自动播放isAutoPlay = a.getBoolean(R.styleable.CornersGifView_auto_play1, false);/*** 获取gif图片大小*/try {is.reset();} catch (IOException e) {e.printStackTrace();}Bitmap bitmap = BitmapFactory.decodeStream(is);bitmapSize = new BitmapSize(bitmap.getWidth(), bitmap.getHeight());bitmap.recycle();if (!isAutoPlay) {// 当不允许自动播放的时候,得到开始播放按钮的图片,并注册点击事件mStartBotton = BitmapFactory.decodeResource(getResources(), R.mipmap.g2);setOnClickListener(this);}}}a.recycle();}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);//当时gif图片的时候,控件宽高为gif文件大小if (mMovie != null) {setMeasuredDimension(bitmapSize.width, bitmapSize.height);}}@Overrideprotected void onDraw(Canvas canvas) {//当为一张普通的图片的时候if (mMovie == null) {super.onDraw(canvas);} else {//如果自动播放的话,就直接播放if (isAutoPlay) {playMovie(canvas);invalidate();} else {//如果已经点击了播放按钮的话就开始播放gifif (isPlaying) {if (playMovie(canvas)) {isPlaying = false;}invalidate();} else {// 还没开始播放就只绘制GIF图片的第一帧,并绘制一个开始按钮mMovie.setTime(0);mMovie.draw(canvas, 0, 0);canvas.drawBitmap(mStartBotton, bitmapSize.width, bitmapSize.height, null);}}}mPaint.setColor(getParentBackGroundColor(getParent()));mPath.reset();mPath.setFillType(Path.FillType.INVERSE_EVEN_ODD);mPath.addRoundRect(new RectF(0, 0, bitmapSize.width, bitmapSize.height), mCorners, Path.Direction.CCW);canvas.drawPath(mPath, mPaint);}/*** 开始播放GIF动画,播放完成返回true,未完成返回false。** @param canvas* @return 播放完成返回true,未完成返回false。*/private boolean playMovie(Canvas canvas) {//获取当前时间long now = SystemClock.uptimeMillis();if (mMovieStart == 0) {mMovieStart = now;}int duration = mMovie.duration();if (duration == 0) {duration = 1000;}int relTime = (int) ((now - mMovieStart) % duration);mMovie.setTime(relTime);//不断的设置gif的播放位置mMovie.draw(canvas, 0, 0);//将movie画在canvas上//如果(当前时间-gif开始的时间=gif总时长)说明播放完毕了if ((now - mMovieStart) >= duration) {mMovieStart = 0;return true;}return false;}/*** 通过反射获取src中的资源id** @param a*/private int getIdentifier(TypedArray a) {try {Field mValueFiled = a.getClass().getDeclaredField("mValue");mValueFiled.setAccessible(true);TypedValue typedValue = (TypedValue) mValueFiled.get(a);return typedValue.resourceId;} catch (NoSuchFieldException e) {e.printStackTrace();} catch (IllegalAccessException e) {e.printStackTrace();}return 0;}/*** 当点击图片的时候播放gif*/@Overridepublic void onClick(View v) {isPlaying = true;invalidate();}/*** BitmapSize*/class BitmapSize {private int width;private int height;public BitmapSize(int width, int height) {this.width = width;this.height = height;}}/*** 获取父控件颜色** @param parent* @return*/private int getParentBackGroundColor(ViewParent parent) {if (parent == null) {return Color.WHITE;}if (parent instanceof View) {View parentView = (View) parent;int parentColor = getViewBackGroundColor(parentView);if (parentColor != Color.TRANSPARENT) {return parentColor;} else {getParentBackGroundColor(parentView.getParent());}}return Color.WHITE;}/*** 获取 View 的背景色** @param view* @return*/private int getViewBackGroundColor(View view) {Drawable drawable = view.getBackground();if (drawable != null) {Class<Drawable> mDrawable_class = (Class<Drawable>) drawable.getClass();try {Field mField = mDrawable_class.getDeclaredField("mColorState");mField.setAccessible(true);Object mColorState = mField.get(drawable);Class mColorState_class = mColorState.getClass();Field mColorState_field = mColorState_class.getDeclaredField("mUseColor");mColorState_field.setAccessible(true);int color = (int) mColorState_field.get(mColorState);if (color != Color.TRANSPARENT) {return color;}} catch (Exception e) {e.printStackTrace();}}return Color.TRANSPARENT;}
}

需要主要的地方是:

在 Bitmap 获取图片宽高的时候,会报空指针异常,需要加一句代码:

//是否自动播放
isAutoPlay = a.getBoolean(R.styleable.CornersGifView_auto_play1, false);
/*** 获取gif图片大小*/
try {is.reset();
} catch (IOException e) {e.printStackTrace();
}
Bitmap bitmap = BitmapFactory.decodeStream(is);
bitmapSize = new BitmapSize(bitmap.getWidth(), bitmap.getHeight());
bitmap.recycle();
if (!isAutoPlay) {// 当不允许自动播放的时候,得到开始播放按钮的图片,并注册点击事件mStartBotton = BitmapFactory.decodeResource(getResources(), R.mipmap.g2);setOnClickListener(this);
}

更多推荐

android GIF图圆角控件 ImageView封装GIF控件

本文发布于:2024-02-13 17:46:42,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1759509.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:控件   圆角   android   GIF   ImageView

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!