1. 程式人生 > >載入Gif動畫

載入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();
	}
	// --------------------------------------------------------/
}

相關推薦

[IOS 開發] 利用UIWebView 載入GIF動畫

如果你使用過iOS版本的Spotify ,你會注意到在這款應用的新版本中,他們使用了一個播放的視訊作為app啟動的背景。相對於靜態的圖片背景來說,這是一個相當酷的設計。如果你還沒有見過這類設計,可以瞄一下我做的最終結果: 僅僅為了讓你覺得有趣,我在從柏林到格拉茨的火車

iOS 直接載入gif動畫

<pre name="code" class="objc">// iOS 載入gif動畫,不用一幀幀切圖,直接實現載入.gif圖片</pre><pre name="code" class="objc">// 首先我們定義了一個<sp

載入Gif動畫

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

可以載入Gif動畫和png等圖片的方法和控制元件

final Guide_Result result = new Gson().fromJson(str, Guide_Result.class); // result.setMessage("http://img4.duitang.com/uploads/blog/201405

優化載入gif動畫

專案開發中都會用到各種載入進度的動畫,有幾下幾種方式可以參考: 1、使用animation-list一幀一幀的播放出來 最簡單的方式是將設計同學給的png序列直接放到一個 animation-list中 然後直接,放在設定為一個ImageView就

整合大量開源庫專案(八)可以載入Gif動畫的GifImageView

上週大多數時間都是根據興起,想到什麼做什麼寫了幾個自定義控制元件,把Soyi丟在那沒怎麼動,今天就把寫的東西整合進來,順便把SOyi”個人研發的結構理一下”。 先上一下今天整合之後的效果,以及新加進來的幾個庫: 按照慣例,貼一下Gradle的配置:

Android的Gif動畫載入

我們都知道Android是不直接支援Gif檔案的載入的(當然了現在的Glide圖片載入框架是支援GIF格式的檔案的,Picasso暫時是不支援的,但是為了這一個小小的功能卻匯入一個庫豈不是得不償失,另外我們這裡主要是學習),但是有時候美工會直接給我們Gif格式的檔案,這時候

Fresco載入gif實現圓角(無動畫

/** * 將gif處理成圓形 * * @param imageView * @param url * @param reqWidth * @param reqHeight */ publ

1.4 使用UIWebView載入HTML和Gif動畫 [iOS開發中的神兵利器]

1. 本節課將為您演示,如何使用網頁檢視載入網頁程式碼和Gif動畫。此時我們已經在專案中匯入了一張Gif圖片。 2. 然後在左側的專案導航區,開啟檢視控制器的程式碼檔案。 3. 現在開始編寫程式碼,首先實現使用網頁檢視載入網頁程式碼的功能。 4. 新增一個網頁檢視物件,作為當

能夠播放gif動畫的ImageView

ima data googl factor ida nal settime canvas off 一般ImageView並不能播放gif動畫。 此處播放gif動畫的核心是: 1.將gif中的每一幀拿出來,然後使用Movie類的setTime()和draw()這兩

Ubuntu中的Gif動畫錄制工具

16px ppa bubuko order -c eight name linux win   為了在隨筆中插入gif動態圖Windows系統上可以使用ScreenToGif這個非常好用的小軟件,在Ubuntu系統中選擇也很多(可以參考最下面的鏈接),下面介紹兩款ubunt

Android開源項目:GifView——Android顯示GIF動畫

down pan 常用 ets ole lan parse googl ima 下載:http://code.google.com/p/gifview/downloads/list 簡介:android中現在沒有直接顯示gif的view,只能通過mediaplay來顯示,

怎麽制作GIF動態圖,在線GIF動畫制作工具哪個好

img 技術 工具制作 png 彈出 需要 輕松 watermark 全部 貼吧聊天中,我們經常會使用到GIF動態圖片,看著吧裏那些各式各樣的GIF動態圖,難免都想自己親手制作一張,那麽如何錄制GIF動態圖片呢?其實制作gif動態圖片還是比較容易得,有一款迅捷GIF制作工具

【Android】從無到有:手把手一步步使用android-gif-drawable包載入GIF動圖

轉載請註明出處,原文連結:https://blog.csdn.net/u013642500/article/details/80200129 【新增依賴】 首先需要新增android-gif-drawable依賴,請參考:【Android】實用教程:匯入android-gif-drawa

CSharpGL(50)使用Assimp載入骨骼動畫

CSharpGL(50)使用Assimp載入骨骼動畫 在(http://ogldev.atspace.co.uk/www/tutorial38/tutorial38.html)介紹了C++用Asismp庫載入骨骼動畫的原理和流程。 在(http://wiki.jikexueyuan.com/project

c++builder使用Image顯示gif動畫

cb中,使用TGifimage這個類可以使Image顯示Gif動畫 // Image1:TImage; // Image1.Picture.LoadFromFile(OpenDialog1.FileName); TGIFImage(Image1.Picture.Graphic).Anima

如何擷取視訊轉gif動畫圖片

我每當拍錄有一些搞笑有趣的視訊,就忍不住想發給朋友們分享下。原先我會直接將視訊上傳土豆的,最近發現還有一種好玩的方法,就是擷取視訊中的精華片段做成gif圖。一般縮小在1 MB以內還能當QQ表情,直接在聊天視窗發給朋友看,更直觀,檔案小也便於收藏,有木有?!想學如何擷取視訊轉GIF動畫圖片麼?有興趣的朋友可

用什麼軟體能把flv視訊轉成GIF動畫

其實網上有一部分的GIF動畫來來自於視訊(電影、電視劇、綜藝、動漫),特別是一些炫酷的GIF特效。聊天軟體也偏愛GIF動畫,比方說QQ、微信都有很多GIF動畫為大家提供。並且大家與好友聊天鬥圖應該大部分使用的都是GIF動畫,因為GIF動畫生動形象能夠很好的表達我們的各種心情。那麼用什麼軟體能把視訊轉成GI

視訊轉換器怎麼將視訊轉成GIF動畫

  其實網上有一部分的GIF動畫來來自於視訊(電影、電視劇、綜藝、動漫),特別是一些炫酷的GIF特效。聊天軟體也偏愛GIF動畫,比方說QQ、微信都有很多GIF動畫為大家提供。並且大家與好友聊天鬥圖應該大部分使用的都是GIF動畫,因為GIF動畫生動形象能夠很好的表達我們的各種心情。那麼用什麼軟體能把視訊轉成

Android SketchImageView 載入Gif圖片,解決介面不流暢卡頓問題

遇到的問題 列表載入gif圖片,用Fresco,Glide,android-gif-drawable等都能實現簡單的單個Gif圖片的載入,如果在列表上載入圖片,不做記憶體優化處理,那麼OOM就會黏著你,對於專案比較緊急,時間有限的童鞋來說,優化無疑是雪上加霜,SO,那麼給大家推薦一個簡單載入Gi