1. 程式人生 > >教你怎麼十秒解決百張圖片幀動畫oom終極騷問題

教你怎麼十秒解決百張圖片幀動畫oom終極騷問題

在我們做動畫的時候,為了絢麗的效果,這時候我們就要用上我們的幀動畫,通過快速播放多張圖片實現動畫的效果,可當我圖片放的太多的時候,這時候就會造成oom。為了解決這個難題,我都老了0.005歲。好了,現在我們現在正題開始。先從怎麼寫幀動畫開始,這個很簡單,我們直接秒過。

首先我們在res 目錄下建立一個 anim資料夾,在裡面建立我們動畫xml。

<?xml version="1.0" encoding="utf-8"?>
<!--
    根標籤為animation-list,其中oneshot代表著是否只展示一遍,設定為false會不停的迴圈播放動畫  
    根標籤下,通過item標籤對動畫中的每一個圖片進行宣告  
    android:duration 表示展示所用的該圖片的時間長度  

-->
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false" >
    <item android:drawable="@drawable/airship_001" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_002" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_003" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_004" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_005" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_006" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_007" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_008" android:duration="180"> </item>
     <item android:drawable="@drawable/airship_009" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0010" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0011" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0012" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0013" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0014" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0015" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0016" android:duration="180"> </item>
     <item android:drawable="@drawable/airship_0017" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0018" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0019" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0020" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0021" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0022" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0023" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0024" android:duration="180"> </item>
     <item android:drawable="@drawable/airship_0025" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0026" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0027" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0028" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0029" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0030" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0031" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0032" android:duration="180"> </item>
     <item android:drawable="@drawable/airship_0033" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0034" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0035" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0036" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0037" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0038" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0039" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0040" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0041" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0042" android:duration="180"> </item>
    <item android:drawable="@drawable/airship_0043" android:duration="180"> </item>
    

</animation-list>
然後我們直接在 佈局xml中開始引用了
<!-- <?xml version="1.0" encoding="utf-8"?> -->

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    
    >

    <ImageView
        android:id="@+id/animation_airship"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:scaleType="centerCrop"
        
        android:src="@drawable/animation_airship" />

    <TextView
        android:id="@+id/exit_airship"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:onClick="onClickBack"
        android:clickable="true"
        android:text="返回"
        android:layout_gravity="center_horizontal" />

</FrameLayout>
這個時候我們幀動畫的準備工作就完成了
這個時候 我們開始 進行我們的邏輯問題解決了,首先我們匯入一個我們需要的   commons-io-1.4。jar  ,這個我們在百度上面一大堆,我也有這個,但是我就是不傳給你們,哎呀,(好氣呀)。

這個時候我們新建一個 工具類MyAnimationDrawable.java 他們進行復制這個工具類package com.example.demo;

package com.example.demo;
import java.io.IOException;  
import java.util.ArrayList;  
import java.util.List;  
import org.apache.commons.io.IOUtils;  
import org.xmlpull.v1.XmlPullParser;  
import org.xmlpull.v1.XmlPullParserException;  
import android.content.Context;  
import android.content.res.XmlResourceParser;  
import android.graphics.BitmapFactory;  
import android.graphics.drawable.AnimationDrawable;  
import android.graphics.drawable.BitmapDrawable;  
import android.graphics.drawable.Drawable;  
import android.os.Handler;  
import android.widget.ImageView;  

public class MyAnimationDrawable {
    public static class MyFrame {  
        byte[] bytes;  
        int duration;  
        Drawable drawable;  
        boolean isReady = false;  
    }  
  
    public interface OnDrawableLoadedListener {  
        public void onDrawableLoaded(List<MyFrame> myFrames);  
    }  
  
    
    public static void animateRawManuallyFromXML(int resourceId,  
            final ImageView imageView, final Runnable onStart,  
            final Runnable onComplete) {  
        loadRaw(resourceId, imageView.getContext(),  
                new OnDrawableLoadedListener() {  
                    @Override  
                    public void onDrawableLoaded(List<MyFrame> myFrames) {  
                        if (onStart != null) {  
                            onStart.run();  
                        }  
                        animateRawManually(myFrames, imageView, onComplete);  
                    }  
                });  
    }  
  
    //
    private static void loadRaw(final int resourceId, final Context context,  
            final OnDrawableLoadedListener onDrawableLoadedListener) {  
        loadFromXml(resourceId, context, onDrawableLoadedListener);  
    }  
  
    //
    private static void loadFromXml(final int resourceId,  
            final Context context,  
            final OnDrawableLoadedListener onDrawableLoadedListener) {  
        new Thread(new Runnable() {  
            @Override  
            public void run() {  
                final ArrayList<MyFrame> myFrames = new ArrayList<MyFrame>();  
  
                XmlResourceParser parser = context.getResources().getXml(  
                        resourceId);  
  
                try {  
                    int eventType = parser.getEventType();  
                    while (eventType != XmlPullParser.END_DOCUMENT) {  
                        if (eventType == XmlPullParser.START_DOCUMENT) {  
  
                        } else if (eventType == XmlPullParser.START_TAG) {  
  
                            if (parser.getName().equals("item")) {  
                                byte[] bytes = null;  
                                int duration = 1000;  
  
                                for (int i = 0; i < parser.getAttributeCount(); i++) {  
                                    if (parser.getAttributeName(i).equals(  
                                            "drawable")) {  
                                        int resId = Integer.parseInt(parser  
                                                .getAttributeValue(i)  
                                                .substring(1));  
                                        bytes = IOUtils.toByteArray(context  
                                                .getResources()  
                                                .openRawResource(resId));  
                                    } else if (parser.getAttributeName(i)  
                                            .equals("duration")) {  
                                        duration = parser.getAttributeIntValue(  
                                                i, 1000);  
                                    }  
                                }  
  
                                MyFrame myFrame = new MyFrame();  
                                myFrame.bytes = bytes;  
                                myFrame.duration = duration;  
                                myFrames.add(myFrame);  
                            }  
  
                        } else if (eventType == XmlPullParser.END_TAG) {  
  
                        } else if (eventType == XmlPullParser.TEXT) {  
  
                        }  
  
                        eventType = parser.next();  
                    }  
                } catch (IOException e) {  
                    e.printStackTrace();  
                } catch (XmlPullParserException e2) {  
                    // TODO: handle exception  
                    e2.printStackTrace();  
                }  
  
                // Run on UI Thread  
                new Handler(context.getMainLooper()).post(new Runnable() {  
                    @Override  
                    public void run() {  
                        if (onDrawableLoadedListener != null) {  
                            onDrawableLoadedListener.onDrawableLoaded(myFrames);  
                        }  
                    }  
                });  
            }  
        }).run();  
    }  
  
    //
    private static void animateRawManually(List<MyFrame> myFrames,  
            ImageView imageView, Runnable onComplete) {  
        animateRawManually(myFrames, imageView, onComplete, 0);  
    }  
  
    //
    private static void animateRawManually(final List<MyFrame> myFrames,  
            final ImageView imageView, final Runnable onComplete,  
            final int frameNumber) {  
        final MyFrame thisFrame = myFrames.get(frameNumber);  
  
        if (frameNumber == 0) {  
            thisFrame.drawable = new BitmapDrawable(imageView.getContext()  
                    .getResources(), BitmapFactory.decodeByteArray(  
                    thisFrame.bytes, 0, thisFrame.bytes.length));  
        } else {  
            MyFrame previousFrame = myFrames.get(frameNumber - 1);  
            ((BitmapDrawable) previousFrame.drawable).getBitmap().recycle();  
            previousFrame.drawable = null;  
            previousFrame.isReady = false;  
        }  
  
        imageView.setImageDrawable(thisFrame.drawable);  
        new Handler().postDelayed(new Runnable() {  
            @Override  
            public void run() {  
                // Make sure ImageView hasn't been changed to a different Image  
                // in this time  
                if (imageView.getDrawable() == thisFrame.drawable) {  
                    if (frameNumber + 1 < myFrames.size()) {  
                        MyFrame nextFrame = myFrames.get(frameNumber + 1);  
  
                        if (nextFrame.isReady) {  
                            // Animate next frame  
                            animateRawManually(myFrames, imageView, onComplete,  
                                    frameNumber + 1);  
                        } else {  
                            nextFrame.isReady = true;  
                        }  
                    } else {  
                        if (onComplete != null) {  
                            onComplete.run();  
                        }  
                    }  
                }  
            }  
        }, thisFrame.duration);  
  
        // Load next frame  
        if (frameNumber + 1 < myFrames.size()) {  
            new Thread(new Runnable() {  
                @Override  
                public void run() {  
                    MyFrame nextFrame = myFrames.get(frameNumber + 1);  
                    nextFrame.drawable = new BitmapDrawable(imageView  
                            .getContext().getResources(),  
                            BitmapFactory.decodeByteArray(nextFrame.bytes, 0,  
                                    nextFrame.bytes.length));  
                    if (nextFrame.isReady) {  
                        // Animate next frame  
                        animateRawManually(myFrames, imageView, onComplete,  
                                frameNumber + 1);  
                    } else {  
                        nextFrame.isReady = true;  
                    }  
  
                }  
            }).run();  
        }  
    }  
  
    //帶時間的方法 
    public static void animateManuallyFromRawResource(  
            int animationDrawableResourceId, ImageView imageView,  
            Runnable onStart, Runnable onComplete, int duration) throws IOException,  
            XmlPullParserException {  
        AnimationDrawable animationDrawable = new AnimationDrawable();  
  
        XmlResourceParser parser = imageView.getContext().getResources()  
                .getXml(animationDrawableResourceId);  
  
        int eventType = parser.getEventType();  
        while (eventType != XmlPullParser.END_DOCUMENT) {  
            if (eventType == XmlPullParser.START_DOCUMENT) {  
  
            } else if (eventType == XmlPullParser.START_TAG) {  
  
                if (parser.getName().equals("item")) {  
                    Drawable drawable = null;  
  
                    for (int i = 0; i < parser.getAttributeCount(); i++) {  
                        if (parser.getAttributeName(i).equals("drawable")) {  
                            int resId = Integer.parseInt(parser  
                                    .getAttributeValue(i).substring(1));  
                            byte[] bytes = IOUtils.toByteArray(imageView  
                                    .getContext().getResources()  
                                    .openRawResource(resId));//IOUtils.readBytes  
                            drawable = new BitmapDrawable(imageView  
                                    .getContext().getResources(),  
                                    BitmapFactory.decodeByteArray(bytes, 0,  
                                            bytes.length));  
                        } else if (parser.getAttributeName(i)  
                                .equals("duration")) {  
                            duration = parser.getAttributeIntValue(i, 66);  
                        }  
                    }  
  
                    animationDrawable.addFrame(drawable, duration);  
                }  
  
            } else if (eventType == XmlPullParser.END_TAG) {  
  
            } else if (eventType == XmlPullParser.TEXT) {  
  
            }  
  
            eventType = parser.next();  
        }  
  
        if (onStart != null) {  
            onStart.run();  
        }  
        animateDrawableManually(animationDrawable, imageView, onComplete, 0);  
    }  
  
    private static void animateDrawableManually(  
            final AnimationDrawable animationDrawable,  
            final ImageView imageView, final Runnable onComplete,  
            final int frameNumber) {  
        final Drawable frame = animationDrawable.getFrame(frameNumber);  
        imageView.setImageDrawable(frame);  
        new Handler().postDelayed(new Runnable() {  
            @Override  
            public void run() {  
                // Make sure ImageView hasn't been changed to a different Image  
                // in this time  
                if (imageView.getDrawable() == frame) {  
                    if (frameNumber + 1 < animationDrawable.getNumberOfFrames()) {  
                        // Animate next frame  
                        animateDrawableManually(animationDrawable, imageView,  
                                onComplete, frameNumber + 1);  
                    } else {  
                        // Animation complete  
                        if (onComplete != null) {  
                            onComplete.run();  
                        }  
                    }  
                }  
            }  
        }, animationDrawable.getDuration(frameNumber));  
    }  
}
這個時候 我們就開始用這個工具類做文章了。

寫個實現類;

package com.example.demo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
public class AowerActivity  extends Activity {
	private ImageView animation_tower;
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.tower_activity);
		animation_tower=(ImageView) findViewById(R.id.animation_tower);
		run();
		
	}
	
    private void run() {
        // TODO Auto-generated method stub
        MyAnimationDrawable.animateRawManuallyFromXML(R.drawable.animation_tower,animation_tower,null,null);
    }

    public void onClickBack(View v) {
        finish();
    }
	

大家要demo的可以私信我,因為demo裡面的資源設計到了我的專案。

相關推薦

怎麼解決圖片動畫oom終極問題

在我們做動畫的時候,為了絢麗的效果,這時候我們就要用上我們的幀動畫,通過快速播放多張圖片實現動畫的效果,可當我圖片放的太多的時候,這時候就會造成oom。為了解決這個難題,我都老了0.005歲。好了,現在我們現在正題開始。先從怎麼寫幀動畫開始,這個很簡單,我們直接秒過。 首先

iOS 同一頁面載入上圖片,迅速滑動時導致記憶體暴漲程式崩潰的參考解決方法

本例中專案大致流程是先由客戶端拍照或者選擇相簿中的圖片進行上傳,然後可以從詳情頁面中瀏覽所有上傳的圖片,由於圖片是按照相簿進行分類,而每個相簿中最多可以有50張照片,極限的情況是詳情頁面最多可以有20多個相簿,由此導致需要對圖片的載入進行必要的優化,避免程式佔用

圖片】批量獲取幾圖片

null beans div ole 性感 cde 感覺 final 尺度 用途:需要圖片時我們經常是去百度裏隨便找幾張,次數多了就有點煩了,這個工具類就是批量獲取幾百張圖片的url和描述。public class PicUrls { public static Array

js通過添加隨機數的方法,解決圖片加載時由於緩存導致圖片無法正確顯示的問題

原因 顯示 rand class var rip 圖片加載 提交數據 cti 問題出現描述:當對列表中某個圖片進行重新編輯時,提交後會發現圖片列表仍會出現修改之前的圖片,新圖片並未覆蓋。 問題出現原因:緩存問題。 解決辦法:通過js方法,在每張圖片路勁後面添加一個隨機數,這

Excel無法儲存圖片至本地?上圖片只需一鍵快速提取!

Excel主要被用來進行資料處理,所以並不具有對應的圖片儲存功能,那Excel中的圖片如何才能快速提取儲存至本地呢? 一、藉助word或畫圖工具儲存圖片 步驟:直接複製Excel中的圖片,貼上到Word或是畫圖工具中,即可直接另存為圖片儲存至本地。 二、儲存為網頁格式 步驟:點

一次破解度網盤限速

廢話不多說,直接正面剛! 連結:https://share.weiyun.com/5AXU97a 密碼:v89tem 進入我的網盤下載對應的安裝包與瀏覽器外掛,這裡提供windows版本與MAC版本 下載好之後,開啟你的谷歌瀏覽器在位址列輸入chrome://extensions/ 按下回車 然後將你

分鐘構建好 SpringBoot + SSM 框架

控制器 默認 tid 持久 接口類 prepare color png intellij 目前最主流的 java web 框架應該是 SSM,而 SSM 框架由於更輕便與靈活目前受到了許多人的青睞。而 SpringBoot 的輕量化,簡化項目配置, 沒有 XML 配置要求等

css解決圖片如何統一大小 且沒拉伸問題

1. 測試案例 需求: 要求表情庫裡所有表情包大小都固定 實際效果: 由於圖片原始大小都不一樣,強行設定大小值會導致拉伸,如果不設定大小則參差不齊。例如: //html <body> <img src="1.jpg" /> <

怎麼樣去複製度文庫中的文章

方法/步驟       首先,我們按照平時的搜尋習慣,在百度文庫中找到自己需要的資料。 文章不可以複製,但有的題目可以複製,把可以複製的題目複製下來。

React Native使用fetch實現圖片上傳

本篇文章主要介紹了React Native使用fetch實現圖片上傳的示例程式碼,寫的十分的全面細緻,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。 普通網路請求引數是JSON物件 圖片上傳的請求引數使用的是formData物件 使用fet

被監視了嗎?電腦上搜索什麼就出現什麼廣告,一招解決

  很多人一直有這樣的苦惱:為什麼只要在百度等搜尋引擎或者天貓、京東等購物平臺上搜索過一樣東西后,在幾天之內去瀏覽其他網站時,都會出現關於那樣東西的廣告,甚至直接彈出視窗廣告。而且推送廣告的效率還非常高,有時候剛搜尋,就隨時出現類似的廣告了。    

在Linux 中安裝不了程式?一招解決

CrossOver Linux 一款可以幫助我們在Linux作業系統中 執行Windows應用程式的軟體 不必購買 Windows 授權! 不必重啟系統! 不必使用虛擬機器! 如果安裝程式檔案在下載期間損壞 (可能由於網路錯誤,下載伺服器問題或計算機上的防病毒軟體而發生) 則Cros

Twitter 是如何做到每處理 3000 圖片的?

如今,Twitter每秒可以建立並儲存3000張(20GB)的圖片。2015年,Twitter甚至從對媒體儲存策略的優化中節省出了600萬美元。 但並非一開始就是這樣的,2012年Twitter還主要是基於文字的,就像《哈利波特》中的霍格沃茨魔法學校沒有了那些懸掛在

如何殺12306,JAVA程式搶票成功!----阿冬專欄

GOHOME最新版出世了!!!支援多人訂票及指定車次等功能!!!更方便! JAVA程式GOHOME自動搶票成功!非常棒~~~不多說,直接截圖上教程說明! 大家都在搶票,可誰讓咱們是程式設計師呢。程式設計師就得用自己的方式搶票。咱不和農民工兄弟搶,咱在網上搶。祝大家好運~ GOHOME最新版下載地址:

一招遮蔽度聯盟廣告

如今的百度廣告聯盟不勝其煩,尤其是百度為了自身的利潤,不斷接入一些遊戲廣告、也有算命等封建迷信的廣告。而這些遊戲廣告更是為了吸引別人點選 做出極其庸俗露骨的人物動畫來 可謂噁心至極!再次嚴重批評百度,作為中國網際網路的龍頭,旗下廣告聯盟僅為一己私利 枉顧使用者感受,大肆接

資深老程式設計師前來指導:新手程式設計師遇到BUG不要慌,幾招解決問題

公司新來的新手程式設計師,最近已經開始了他們的工作,部門的專案經理,為了讓他們快速上手,讓他們對之前的系統進行BUG修復工作,我認為,這種思路對新手程式設計師來說,是很有益的,通過查詢解決BUG,來熟悉業務和程式碼邏輯和結構,是比較快的上手方式,今天跟大家討論下處理BUG的方

如何殺12306,JAVA程式搶票成功!分享~~~[附截圖]

GOHOME最新版出世了!!!支援多人訂票及指定車次等功能!!!更方便! JAVA程式GOHOME自動搶票成功!非常棒~~~不多說,直接截圖上教程說明! 大家都在搶票,可誰讓咱們是程式設計師呢。程式設計師就得用自己的方式搶票。咱不和農民工兄弟搶,咱在網上搶。祝大家好運~

對付惡意網站有絕招—三種解決辦法

不少電腦使用者在上網時都受到過惡意網站的騷擾,惡意網站會偷偷地對你的系統進行修改。  對於已知的惡意網站地址,我們可以在IE中把它“遮蔽”起來,具體的設定方法如下:開啟IE瀏覽器,然後單擊選單“工具→Internet選項”,在開啟的視窗中選擇“安全”標籤,再選擇“受限制的站點

poi實現excel上傳下載 親自實踐 分鐘搞定

今天要實現一個上傳excel的功能,之前寫過很多次,但是都沒有詳細整理過,今天整理下,方便以後直接拿來拷貝首先從前臺來看,看了很多案例,基本兩種方法:一種是form表單提交,一種是非同步ajax方式。在這裡我選擇ajax方式,因為我想要在前臺上傳完成後給使用者提示上傳成功還是

寫Android ImageLoader框架之圖片快取 (完結篇)

在教你寫Android ImageLoader框架系列博文中,我們從基本架構到具體實現已經更新了大部分的內容。今天,我們來講最後一個關鍵點,即圖片的快取。為了使用者體驗,通常情況下我們都會將已經下載的圖片快取起來,一般來說記憶體和本地都會有圖片快取。那既然是框架