Android加载Gif动画实现代码

Android加载Gif动画如何实现?相信大家都很好奇,本文就为大家揭晓,内容如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" > 

 <com.example.gifdemo.GifView
 android:id="@+id/gif1"
 android:layout_width="100dp"
 android:layout_height="100dp"
 android:layout_gravity="center_horizontal"
 android:enabled="false" /> 

</LinearLayout>
 <declare-styleable name="GifView">
 <attr name="gif" format="reference" />
 <attr name="paused" format="boolean" />
 </declare-styleable>

主界面

package com.example.gifdemo; 

import android.app.Activity;
import android.os.Bundle; 

public class MainActivity extends Activity {
 private GifView gif1; 

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 gif1 = (GifView) findViewById(R.id.gif1);
 // 设置背景gif图片资源
 gif1.setMovieResource(R.raw.red);
 } 

}

自定义view

package com.example.gifdemo; 

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Movie;
import android.os.Build;
import android.util.AttributeSet;
import android.view.View; 

public class GifView extends View { 

 /**
 * 默认为1秒
 */
 private static final int DEFAULT_MOVIE_DURATION = 1000; 

 private int mMovieResourceId; 

 private Movie mMovie; 

 private long mMovieStart; 

 private int mCurrentAnimationTime = 0; 

 private float mLeft; 

 private float mTop; 

 private float mScale; 

 private int mMeasuredMovieWidth; 

 private int mMeasuredMovieHeight; 

 private boolean mVisible = true; 

 private volatile boolean mPaused = false; 

 /**
 * 构造函数
 */
 public GifView(Context context) {
 this(context, null);
 } 

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

 public GifView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 setViewAttributes(context, attrs, defStyle);
 setBackgroundColor(Color.parseColor("#FFB6C1"));
 } 

 @SuppressLint("NewApi")
 private void setViewAttributes(Context context, AttributeSet attrs,
 int defStyle) {
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
 setLayerType(View.LAYER_TYPE_SOFTWARE, null);
 }
 // 从描述文件中读出gif的值,创建出Movie实例
 final TypedArray array = context.obtainStyledAttributes(attrs,
 R.styleable.GifView);
 mMovieResourceId = array.getResourceId(R.styleable.GifView_gif, -1);
 mPaused = array.getBoolean(R.styleable.GifView_paused, false);
 array.recycle();
 if (mMovieResourceId != -1) {
 mMovie = Movie.decodeStream(getResources().openRawResource(
  mMovieResourceId));
 }
 } 

 /**
 * 设置gif图资源
 */
 public void setMovieResource(int movieResId) {
 this.mMovieResourceId = movieResId;
 mMovie = Movie.decodeStream(getResources().openRawResource(
 mMovieResourceId));
 requestLayout();
 } 

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 if (mMovie != null) {
 //gif动画的宽度、高度
 int movieWidth = mMovie.width();
 int movieHeight = mMovie.height();
 //控件的宽度
 int maximumWidth = MeasureSpec.getSize(widthMeasureSpec);
 //gif图片宽/控件宽
 float scaleW = (float) movieWidth / (float) maximumWidth;
 mScale = 1f / scaleW;
 mMeasuredMovieWidth = maximumWidth;
 mMeasuredMovieHeight = (int) (movieHeight * mScale);
 setMeasuredDimension(mMeasuredMovieWidth, mMeasuredMovieHeight);
 } else {
 setMeasuredDimension(getSuggestedMinimumWidth(),
  getSuggestedMinimumHeight());
 }
 } 

// @Override
// protected void onLayout(boolean changed, int l, int t, int r, int b) {
// super.onLayout(changed, l, t, r, b);
// mLeft = (getWidth() - mMeasuredMovieWidth) / 2f;
// mTop = (getHeight() - mMeasuredMovieHeight) / 2f;
// mVisible = getVisibility() == View.VISIBLE;
// } 

 @Override
 protected void onDraw(Canvas canvas) {
 if (mMovie != null) {
 if (!mPaused) {
 updateAnimationTime();
 drawMovieFrame(canvas);
 invalidateView();
 } else {
 drawMovieFrame(canvas);
 }
 }
 }
 private void updateAnimationTime() {
 long now = android.os.SystemClock.uptimeMillis();
 // 如果第一帧,记录起始时间
 if (mMovieStart == 0) {
 mMovieStart = now;
 }
 // 取出动画的时长
 int dur = mMovie.duration();
 if (dur == 0) {
 dur = DEFAULT_MOVIE_DURATION;
 }
 // 算出需要显示第几帧
 mCurrentAnimationTime = (int) ((now - mMovieStart) % dur);
 } 

 private void drawMovieFrame(Canvas canvas) {
 // 设置要显示的帧,绘制即可
 mMovie.setTime(mCurrentAnimationTime);
 canvas.save(Canvas.MATRIX_SAVE_FLAG);
 canvas.scale(mScale, mScale);
 mMovie.draw(canvas, mLeft / mScale, mTop / mScale);
 canvas.restore();
 } 

 @SuppressLint("NewApi")
 private void invalidateView() {
 if (mVisible) {
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
 postInvalidateOnAnimation();
 } else {
 invalidate();
 }
 }
 } 

 // --------------------以下方法未调用------------------------------------/
 public void setMovie(Movie movie) {
 this.mMovie = movie;
 requestLayout();
 } 

 public Movie getMovie() {
 return mMovie;
 } 

 public void setMovieTime(int time) {
 mCurrentAnimationTime = time;
 invalidate();
 } 

 public void setPaused(boolean paused) {
 this.mPaused = paused;
 if (!paused) {
 mMovieStart = android.os.SystemClock.uptimeMillis()
  - mCurrentAnimationTime;
 }
 invalidate();
 } 

 public boolean isPaused() {
 return this.mPaused;
 } 

 @SuppressLint("NewApi")
 @Override
 public void onScreenStateChanged(int screenState) {
 super.onScreenStateChanged(screenState);
 mVisible = screenState == SCREEN_STATE_ON;
 invalidateView();
 } 

 @SuppressLint("NewApi")
 @Override
 protected void onVisibilityChanged(View changedView, int visibility) {
 super.onVisibilityChanged(changedView, visibility);
 mVisible = visibility == View.VISIBLE;
 invalidateView();
 } 

 @Override
 protected void onWindowVisibilityChanged(int visibility) {
 super.onWindowVisibilityChanged(visibility);
 mVisible = visibility == View.VISIBLE;
 invalidateView();
 }
 // --------------------------------------------------------/
} 

源码下载:http://xiazai.jb51.net/201610/yuanma/AndroidGifDemo(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

时间: 2016-10-30

Android绘制圆形百分比加载圈效果

先看一组加载效果图,有点粉粉的加载圈: 自定义这样的圆形加载圈还是比较简单的,主要是用到Canvans的绘制文本,绘制圆和绘制圆弧的api: /** * 绘制圆 * @param cx 圆心x坐标 * @param cy 圆心y坐标 * @param radius 圆的半径 * @param paint 画笔 */ public void drawCircle(float cx, float cy, float radius, @NonNull Paint paint) { ... } /**

Android实现跳动的小球加载动画效果

先来看看效果图 跳动的小球做这个动画,需掌握: 1.属性动画 2.Path类.Canvas类 3.贝塞尔曲线 4.SurfaceView用法 5.自定义attr属性 6 .架构: 状态模式,控制器 7 .自由落体,抛物线等概念 不多说了,直接上码 1.DancingView.java public class DancingView extends SurfaceView implements SurfaceHolder.Callback { public static final int ST

Android自定义加载loading view动画组件

在github上找的一个有点酷炫的loading动画https://github.com/Fichardu/CircleProgress 我写写使用步骤 自定义view(CircleProgress )的代码 package com.hysmarthotel.view; import com.hysmarthotel.roomcontrol.R; import com.hysmarthotel.util.EaseInOutCubicInterpolator; import android.ani

Android使用glide加载gif动画设置播放次数

在使用glide加载gif动画,有时需要设置播放的次数,然后播放玩一次或者几次之后,需要在播放完做一些其他的操作,直接看代码: Glide.with(this) .load(R.drawable.xiaoguo) .diskCacheStrategy(DiskCacheStrategy.SOURCE) .listener(new RequestListener<Integer, GlideDrawable>() { @Override public boolean onException(Ex

Android Glide图片加载(加载监听、加载动画)

本文实例为大家分享了Android Glide图片加载的具体代码,供大家参考,具体内容如下 1.普通用法 Glide.with(context) .load(url) .into(view); with中可以放context.activity.fragment..:当放activity.fragment时glide会根据生命周期来加载图片.推荐使用activity. 2.设置加载中和加载失败的图片 Glide.with(context) .load(url) .placeholder(R.dra

Android自定义加载圈动画效果

本文实例为大家分享了Android自定义加载圈动画展示的具体代码,供大家参考,具体内容如下 实现如下效果: 该效果图主要有3个动画: 1.旋转动画 2.聚合动画 3.扩散动画 以上3个动画都是通过ValueAnimator来实现,配合自定义View的onDraw()方法实现不断的刷新和绘制界面. 具体代码如下: package blog.csdn.net.mchenys.myanimationloading; import android.animation.Animator; import a

Android实现仿慕课网下拉加载动画

具体实现方法就不多介绍了先附上源码,相信大家都容易看的懂: 这里为了让这个动画效果可被复用,于是就继承了ImageView 去实现某些方法 package com.example.loading_drawable; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.AttributeSet; import android.util.Log;

Android自定义view实现阻尼效果的加载动画

效果: 需要知识: 1. 二次贝塞尔曲线 2. 动画知识 3. 基础自定义view知识 先来解释下什么叫阻尼运动 阻尼振动是指,由于振动系统受到摩擦和介质阻力或其他能耗而使振幅随时间逐渐衰减的振动,又称减幅振动.衰减振动.[1] 不论是弹簧振子还是单摆由于外界的摩擦和介质阻力总是存在,在振动过程中要不断克服外界阻力做功,消耗能量,振幅就会逐渐减小,经过一段时间,振动就会完全停下来.这种振幅随时间减小的振动称为阻尼振动.因为振幅与振动的能量有关,阻尼振动也就是能量不断减少的振动.阻尼振动是非简谐运

Android 游戏引擎libgdx 资源加载进度百分比显示案例分析

因为案例比较简单,所以简单用AndroidApplication -> Game -> Stage 搭建框架 一.主入口,无特殊 复制代码 代码如下: public class App extends AndroidApplication { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //初始化Demo initialize(new Demo()

Android自定义加载控件实现数据加载动画

本文实例为大家分享了Android自定义加载控件,第一次小人跑动的加载效果眼前一亮,相比传统的PrograssBar高大上不止一点,于是走起,自定义了控件LoadingView去实现动态效果,可直接在xml中使用,具体实现如下 package com.*****.*****.widget; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.

Android自定义播放器控件VideoView

介绍 最近要使用播放器做一个简单的视频播放功能,开始学习VideoView,在横竖屏切换的时候碰到了点麻烦,不过在查阅资料后总算是解决了.在写VideoView播放视频时候定义控制的代码全写在Actvity里了,写完一看我靠代码好乱,于是就写了个自定义的播放器控件,支持指定大小,可以横竖屏切换,手动左右滑动快进快退.好了,下面开始. 效果图有点卡,我也不知道为啥..... VideoView介绍 这个是我们实现视频播放最主要的控件,详细的介绍大家百度就去看,这里介绍几个常用的方法. 用于播放视频

Android自定义日历滑动控件

本文实例为大家分享了Android自定义日历滑动控件的使用方法,供大家参考,具体内容如下 最近公司项目需要做这个需求,自己才疏学浅,总算能写出个大概来,遂在这里记录下来. 分析 先来分析一下: 首先,我们的需求是可以左右点击查看跳转到下一个月,中间的日历控件可以水平滚动选择日期,所以我们中间的日历控件用一个RecycleView来做,左右两位的为ImageVeiw. LRCalendarView 总体流程: 编写LRCalendarView的布局R.layout.calendar_view 新建

Android自定义圆环倒计时控件

本文实例为大家分享了Android自定义圆环倒计时控件的具体代码,供大家参考,具体内容如下 先来一张最终效果图: 主要思路: 在画渐变色圆环的时候,设置一个属性动画,根据属性动画的执行时长,来作为倒计时的时长.监听属性动画的进度,来达到 倒计时的目的. 二话不说,直接贴代码.具体实现思路都在注释上. 自定义属性: <declare-styleable name="CountDownProgressBar"> <attr name="countDown_cir

Android自定义圆角ImageView控件

目前一些比较火的图片加载库虽然支持圆角加载,若你是接的别人作了一半的项目,刚好别人用的图片加载库刚好不支持圆角加载,那么这颗控件你值得拥有.(支持网络图片的加载) 1.创建CustomImageView 类在你的项目中(源码如下) import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.

Android自定义星星评分控件

下面为控件的实现历程: 此控件高效,直接使用ondraw绘制,先亮照: 由于Android自身的星星评分控件样式可以改,但是他的大小不好调整的缺点,只能用small normal这样的style调整,自定义不强,因此击发了我自定义星星控件的欲望. 星星评分控件的设计,大体规划为: 需要两张图片,一颗亮星星,一颗空星星:(当然图片不一定是星星,其他图片也可以,现在实验就用星星就好了)星星数量,间距可以自定义,星星的最小步进为0.1,在用户使用的时候与Android自带的方法一样. 星星控件大体分为

Android自定义弹窗提醒控件使用详解

Android中原生的Dialog弹窗提醒控件样式单一,有时候并不能满足我们的项目需求,而且一个工程里面有时候会在多处都用到弹窗提醒的功能,代码会出现大量的冗余,工作之余,就自己实现了这么一个弹窗提醒控件.自定义控件继承自我们的Dialog,样式自定义,弹窗中的文字可通过数组参数初始化,Item个数实现了动态添加,和数组长度一致.对话框底端可展示一个Item(如:确定)或两个Item(如:确定   取消),通过参数设置.废话不多说,直接上代码: 1.自定义对话框的背景样式,在res/values

Android 自定义弹性ListView控件实例代码(三种方法)

关于在Android中实现ListView的弹性效果,有很多不同的方法,网上一搜,也有很多,下面贴出在项目中经常用到的两种实现ListView弹性效果的方法(基本上拿来就可以用),供大家参考: 弹性ListView 第一种方法: import android.content.Context; import android.content.res.Configuration; import android.util.AttributeSet; import android.util.Display

浅析Angular19 自定义表单控件

1 需求 当开发者需要一个特定的表单控件时就需要自己开发一个和默认提供的表单控件用法相似的控件来作为表单控件:自定义的表单控件必须考虑模型和视图之间的数据怎么进行交互 2 官方文档 -> 点击前往 Angular为开发者提供了ControlValueAccessor接口来辅助开发者构建自定义的表单控件,开发者只需要在自定义表单控件类中实现ControlValueAccessor接口中的方法就可以实现模型和视图之间的数据交互 interface ControlValueAccessor { wri

Android下拉刷新上拉加载控件(适用于所有View)

前面写过一篇关于下拉刷新控件的文章下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅如此,我已经把它改成了对所有View都通用!可以随心所欲使用这两个功能~~ 我做了一个大集合的demo,实现了ListView.GridView.ExpandableListView.ScrollView.WebView.ImageView.TextView的下拉刷新和上拉加载.后面会提供demo的