前言
我們都知道ImageView是不能完美加載Gif格式的圖片,如果我們在ImageView中src指定的資源是gif格式的話,我們將會驚喜的發覺畫面永遠停留在第一幀,也就是不會有動畫效果。當然,經過略加改造,我們是可以讓gif在ImageView上完美加載的。
正文
Android給我們提供了一個Movie類,可以讓我們實現加載gif格式資源的目標。我們需要導入android.graphics.Movie這個包,當然這個也是Android自帶的。所以我們的主要方法是繼承一個ImageView的子類,通過改寫其中的onDraw方法加載gif資源。話也不多說了,通過代碼大家看的更明白,文末附帶源碼哦。
PS:看懂本文需要了解自定義View的相關知識。
attrs資源文件:
<resources>
<declare-styleable name="GifView">
<attr name="isgifimage" format="boolean"/>
</declare-styleable>
</resources>
我在這裡面設置了一個自定義屬性 isgifimage,目的是讓用戶自行設置控件顯示是否是gif格式資源,因為非gif格式資源用Movie加載也是可以顯示圖像,但是效率就肯定沒有原生控件加載模式好,當然,默認isgifimage為true,也就是默認為gif格式的資源。
自定義的GifView的構造函數(GifView類繼承ImageView)
public GifView(Context context, AttributeSet attrs) {
super(context, attrs);
//獲取自定義屬性isgifimage
TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.GifView);
isGifImage = array.getBoolean(R.styleable.GifView_isgifimage, true);
array.recycle();//獲取自定義屬性完畢後需要recycle,不然會對下次獲取造成影響
//獲取ImageView的默認src屬性
image = attrs.getAttributeResourceValue( "http://schemas.android.com/apk/res/android", "src", 0);
movie = Movie.decodeStream(getResources().openRawResource(image));
}
在GifView的構造方法中,我們主要是對GifView的自定義屬性進行獲取。可以通過context.obtainStyledAttributes(attrs, R.styleable.GifView)返回一個TypedArray對象,然後從該對象分別獲取自定義屬性,在這裡需要強調一點的時R.styleable.GifView_isgifimage,紅色的時attrs資源文件的名字,而藍色則是其對應的屬性名字(見attrs資源文件),中間以下劃線分隔。
在我們獲取完自定義屬性後必須recycle(),不然會對下次該控件獲取自定義屬性造成影響,因為TypedArray對象是公共資源。
然後我們在通過attrs.getAttributeResourceValue( "http://schemas.android.com/apk/res/android", "src", 0)來獲取ImageView的原生src屬性,並將其傳入movie實例中。
自定義GifView的onDraw方法
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);//執行父類onDraw方法,繪制非gif的資源
if(isGifImage){//若為gif文件,執行DrawGifImage(),默認執行
DrawGifImage(canvas);
}
}
private void DrawGifImage(Canvas canvas) {
//獲取系統當前時間
long nowTime = android.os.SystemClock.currentThreadTimeMillis();
if(movieStart == 0){
//若為第一次加載,開始時間置為nowTime
movieStart = nowTime;
}
if(movie != null){//容錯處理
int duration = movie.duration();//獲取gif持續時間
//如果gif持續時間為100,可認為非gif資源,跳出處理
if(duration == 0){
//獲取gif當前幀的顯示所在時間點
int relTime = (int) ((nowTime - movieStart) % duration);
movie.setTime(relTime);
//渲染gif圖像
movie.draw(canvas, 0, 0);
invalidate();
}
}
}
在這個方法中,我們先對isGifImage是否為true進行判斷,如果開發者指定其為false則直接調用super.onDraw(canvas)繪制即可,而不必調用DrawGifImage()來降低效率,畢竟不斷的invalidate()對性能效率還是蠻大的。
如果要繪制gif資源,我們會根據系統的時間來推斷出當前時間點時gif資源所應該顯示的時間幀,相信大家看代碼更容易看懂,注釋也夠詳細的了,就不多講解了。
調用資源的xml文件:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:gifview="http://schemas.android.com/apk/res/com.net168.testgifview"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<com.net168.gifview.GifView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/image"
gifview:isgifimage="false"
/>
</LinearLayout>
需要注意的一點就是 xmlns:gifview="http://schemas.android.com/apk/res/com.net168.testgifview",其中紅色部分GifView.java這個類所在的包名。