将动画 .GIF 设置为背景 Android

Posted

技术标签:

【中文标题】将动画 .GIF 设置为背景 Android【英文标题】:Set Animated .GIF As Background Android 【发布时间】:2013-03-28 09:33:23 【问题描述】:

我是 android 新手,在我的布局背景中播放动画 .gif 文件时遇到问题。当我运行应用程序时,背景是动画 .gif 的单帧,就像图片一样。我主要做了两个方面的研究:

下面的链接是我得到最多帮助的地方。

Android OS Beginning BlogSpot

下面的链接让我认为我收到的错误与设置为私有、公共或受保护的类有关。

Java Forums

这是代码 ------------------------------------------- -------------------------------------------------- ----------------------

错误由 :: ERROR # :: 表示,代码下方有完整描述。

import java.io.InputStream;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Movie;
import android.view.Menu;
import android.view.View;

public class MainActivity extends Activity 

    @Override
    public void onCreate(Bundle savedInstanceState)

        super.onCreate(savedInstanceState);

        setContentView(new MYGIFView());   :: ERROR 1 :: 



private class MYGIFView extends View  :: ERROR 2 ::
    Movie movie,movie1;
    InputStream is=null , is1=null;
    long moviestart;
    public GIFView(Context context)    :: ERROR 3 ::

        super(context);                 :: ERROR 4 ::

        is=context.getResources().openRawResource(R.drawable.swing);

        movie=Movie.decodeStream(is);


@Override
protected void onDraw(Canvas canvas) 

    canvas.drawColor(Color.WHITE);
    super.onDraw(canvas);
    long now=android.os.SystemClock.uptimeMillis();
    System.out.println("now="+now);
    if (moviestart == 0)  // first time
    moviestart = now;



System.out.println("\tmoviestart="+moviestart);
int relTime = (int)((now - moviestart) % movie.duration()) ;
System.out.println("time="+relTime+"\treltime="+movie.duration());
movie.setTime(relTime);
movie.draw(canvas,this.getWidth()/2-20,this.getHeight()/2-40);
this.invalidate();



:: 错误列表 :: 错误列表 :: 错误列表 :: 错误列表 :: 错误列表 :: 错误列表 ::

:: ERROR 1 :: 构造函数 MYGIFView() 不可见

:: ERROR 2 :: Implicit Super Constructor View() 未定义可见构造函数

:: ERROR 3 :: 方法的返回类型丢失

:: ERROR 4 :: 构造函数调用必须是构造函数中的第一条语句

.

.

--------- 更新 --------- 更新 ------------ 更新 ------------- -- 更新 ------------- 更新 ---------- 更新 --------- 更新 ------------更新 --------------- 更新 ------------- 更新 --------- 更新

.

.

我已经创建了动画列表 = res/drawable-hdpi/progress_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/selected" android:oneshot="false">
<item android:drawable="@drawable/frame02" android:duration="50" />
<item android:drawable="@drawable/frame03" android:duration="50" />
<item android:drawable="@drawable/frame04" android:duration="50" />
<item android:drawable="@drawable/frame05" android:duration="50" />
<item android:drawable="@drawable/frame06" android:duration="50" />
<item android:drawable="@drawable/frame07" android:duration="50" />
<item android:drawable="@drawable/frame08" android:duration="50" />
<item android:drawable="@drawable/frame09" android:duration="50" />
<item android:drawable="@drawable/frame10" android:duration="50" />
.........................................
<item android:drawable="@drawable/frame57" android:duration="50" />
<item android:drawable="@drawable/frame58" android:duration="50" />
</animation-list>

.

.

我创建了布局文件来托管图像视图 = res/layout/activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<ImageView android:id="@+id/swing_play" android:layout_
    android:layout_ />

</RelativeLayout>

.

Java类Activity调用ImageView和AnimationDrawable = com.example.apptwo/MainActivity.java

.

package com.exampleone.apptwo;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.view.Menu;
import android.widget.ImageView;

public class MainActivity extends Activity 

@Override
protected void onCreate(Bundle savedInstanceState) 
    super.onCreate(savedInstanceState);

    setContentView(R.layout.acivity_main);
    ImageView img = (ImageView)findViewById(R.id.swing_play);
    img.setBackgroundResource(R.drawable.progress_animation);

    AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();

    frameAnimation.start();



.

IDE 不会标记代码中的任何错误。但是,当我运行应用程序时,我的模拟器显示白色背景,并显示一条消息“不幸的是,AppTwo 已停止。”

ErrorLog 读取 =“未处理的事件循环异常”

LOGCAT ---------------------------------------------- -------------------------------------------------- ----------------------------------

这是会话过滤器 LOGCAT

04-06 17:10:48.193: D/AndroidRuntime(989): Shutting down VM
04-06 17:10:48.193: W/dalvikvm(989): threadid=1: thread exiting with uncaught exception (group=0x40a71930)
04-06 17:10:48.213: E/AndroidRuntime(989): FATAL EXCEPTION: main
04-06 17:10:48.213: E/AndroidRuntime(989): java.lang.RuntimeException: Unable to start activity ComponentInfocom.example.apptwo/com.example.apptwo.MainActivity: java.lang.NullPointerException
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2180)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2230)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.ActivityThread.access$600(ActivityThread.java:141)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1234)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.os.Handler.dispatchMessage(Handler.java:99)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.os.Looper.loop(Looper.java:137)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.ActivityThread.main(ActivityThread.java:5041)
04-06 17:10:48.213: E/AndroidRuntime(989):  at java.lang.reflect.Method.invokeNative(Native Method)
04-06 17:10:48.213: E/AndroidRuntime(989):  at java.lang.reflect.Method.invoke(Method.java:511)
04-06 17:10:48.213: E/AndroidRuntime(989):  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:793)
04-06 17:10:48.213: E/AndroidRuntime(989):  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:560)
04-06 17:10:48.213: E/AndroidRuntime(989):  at dalvik.system.NativeStart.main(Native Method)
04-06 17:10:48.213: E/AndroidRuntime(989): Caused by: java.lang.NullPointerException
04-06 17:10:48.213: E/AndroidRuntime(989):  at com.example.apptwo.MainActivity.onCreate(MainActivity.java:14)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.Activity.performCreate(Activity.java:5104)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1080)
04-06 17:10:48.213: E/AndroidRuntime(989):  at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2144)
04-06 17:10:48.213: E/AndroidRuntime(989):  ... 11 more

要发布的 LogCat(所有消息)太多,但下面的这条似乎在错误发生时很重要。

04-06 17:10:48.213: E/AndroidRuntime(989): FATAL EXCEPTION: main

.

更新到包含内容视图的 LOGCAT! ! !

 : error opening trace file: No such file or directory (2)

 : GC_FOR_ALLOC freed 67K, 7% free 2500K/2688K, paused 49ms, total 54ms

 : I/dalvikvm-heap(1813): Grow heap (frag case) to 4.022MB for 1536016-byte allocation

 : D/dalvikvm(1813): GC_FOR_ALLOC freed 2K, 5% free 3998K/4192K, paused 125ms, total 125ms

 : D/dalvikvm(1813): GC_CONCURRENT freed <1K, 5% free 3998K/4192K, paused 5ms+15ms, total 105ms

 : D/dalvikvm(1813): GC_FOR_ALLOC freed <1K, 5% free 3998K/4192K, paused 36ms, total 37ms

 : Grow heap (frag case) to 5.485MB for 1536016-byte allocation

 : GC_CONCURRENT freed <1K, 4% free 5498K/5696K, paused 75ms+14ms, total 156ms

 : GC_FOR_ALLOC freed <1K, 4% free 5499K/5696K, paused 32ms, total 33ms

 : Grow heap (frag case) to 6.950MB for 1536016-byte allocation

 : GC_CONCURRENT freed <1K, 3% free 6999K/7200K, paused 74ms+17ms, total 156ms
 : D/dalvikvm(1813): GC_FOR_ALLOC freed <1K, 3% free 6999K/7200K, paused 46ms, total 47ms
 : I/dalvikvm-heap(1813): Grow heap (frag case) to 8.416MB for 1536016-byte allocation
 : GC_CONCURRENT freed <1K, 3% free 8499K/8704K, paused 79ms+4ms, total 173ms
 : GC_FOR_ALLOC freed <1K, 3% free 10001K/10208K, paused 33ms, total 34ms
 : GC_FOR_ALLOC freed <1K, 2% free 11501K/11712K, paused 35ms, total 35ms
 : GC_FOR_ALLOC freed <1K, 2% free 13002K/13216K, paused 38ms, total 38ms
 : GC_FOR_ALLOC freed <1K, 2% free 14503K/14720K, paused 35ms, total 36ms
 : GC_FOR_ALLOC freed <1K, 2% free 16003K/16224K, paused 39ms, total 40ms
 : GC_FOR_ALLOC freed <1K, 2% free 17504K/17728K, paused 41ms, total 41ms
 : GC_FOR_ALLOC freed <1K, 2% free 19004K/19232K, paused 42ms, total 43ms
 : GC_FOR_ALLOC freed <1K, 2% free 20505K/20736K, paused 58ms, total 58ms
 : GC_FOR_ALLOC freed <1K, 2% free 22006K/22240K, paused 137ms, total 138ms
 : GC_FOR_ALLOC freed <1K, 1% free 23506K/23744K, paused 47ms, total 47ms
 : GC_FOR_ALLOC freed <1K, 1% free 25007K/25248K, paused 48ms, total 48ms
 : GC_FOR_ALLOC freed <1K, 1% free 26507K/26752K, paused 50ms, total 51ms
 : GC_FOR_ALLOC freed <1K, 1% free 28008K/28256K, paused 56ms, total 57ms
 : GC_FOR_ALLOC freed <1K, 1% free 29509K/29760K, paused 58ms, total 58ms
 : Clamp target GC heap from 32.398MB to 32.000MB
 : GC_FOR_ALLOC freed <1K, 1% free 31009K/31264K, paused 57ms, total 58ms
 : Clamp target GC heap from 33.863MB to 32.000MB
 : GC_FOR_ALLOC freed <1K, 1% free 32510K/32768K, paused 56ms, total 56ms
 : Forcing collection of SoftReferences for 1536016-byte allocation
 :Clamp target GC heap from 33.855MB to 32.000MB
 : GC_BEFORE_OOM freed 9K, 1% free 32500K/32768K, paused 87ms, total 88ms
 : Out of memory on a 1536016-byte allocation.
 : "main" prio=5 tid=1 RUNNABLE
 :   | group="main" sCount=0 dsCount=0 obj=0x40a729a0 self=0x2a00bba8
 :   | sysTid=1813 nice=0 sched=0/0 cgrp=apps handle=1073849308
 :   | state=R schedstat=( 3245039730 1438341923 288 ) utm=275 stm=49 core=0
 :   at android.graphics.BitmapFactory.nativeDecodeAsset(Native Method)
 :   at android.graphics.BitmapFactory.decodeStream(BitmapFactory.java:502)
 :   at android.graphics.BitmapFactory.decodeResourceStream(BitmapFactory.java:355)
 :   at android.graphics.drawable.Drawable.createFromResourceStream(Drawable.java:785)
 :   at android.content.res.Resources.loadDrawable(Resources.java:1965)
 :   at android.content.res.Resources.getDrawable(Resources.java:660)
 :   at android.graphics.drawable.AnimationDrawable.inflate(AnimationDrawable.java:282)
 :   at android.graphics.drawable.Drawable.createFromXmlInner(Drawable.java:885)
 :   at android.graphics.drawable.Drawable.createFromXml(Drawable.java:822)
 :   at android.content.res.Resources.loadDrawable(Resources.java:1950)
 :   at android.content.res.Resources.getDrawable(Resources.java:660)
 :   at android.view.View.setBackgroundResource(View.java:14468)
 :   at com.example.appthree.MainActivity.onCreate(MainActivity.java:15)
 :   at android.app.Activity.performCreate(Activity.java:5104)
 :   at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1080)
 :   at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2144)
 :   at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2230)
 :   at android.app.ActivityThread.access$600(ActivityThread.java:141)
 :   at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1234)
 :   at android.os.Handler.dispatchMessage(Handler.java:99)
 :   at android.os.Looper.loop(Looper.java:137)
 :   at android.app.ActivityThread.main(ActivityThread.java:5041)
 :   at java.lang.reflect.Method.invokeNative(Native Method)
 :   at java.lang.reflect.Method.invoke(Method.java:511)
 :   at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:793)
 :   at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:560)
 :   at dalvik.system.NativeStart.main(Native Method)
 : --- decoder->decode returned false
 : Shutting down VM
 : threadid=1: thread exiting with uncaught exception (group=0x40a71930)
 : FATAL EXCEPTION: main
 : java.lang.OutOfMemoryError
 :  at android.graphics.BitmapFactory.nativeDecodeAsset(Native Method)
 :  at android.graphics.BitmapFactory.decodeStream(BitmapFactory.java:502)
 :  at android.graphics.BitmapFactory.decodeResourceStream(BitmapFactory.java:355)
 :  at android.graphics.drawable.Drawable.createFromResourceStream(Drawable.java:785)
 :  at android.content.res.Resources.loadDrawable(Resources.java:1965)
 :  at android.content.res.Resources.getDrawable(Resources.java:660)
 :  at android.graphics.drawable.AnimationDrawable.inflate(AnimationDrawable.java:282)
 :  at android.graphics.drawable.Drawable.createFromXmlInner(Drawable.java:885)
 :  at android.graphics.drawable.Drawable.createFromXml(Drawable.java:822)
 :  at android.content.res.Resources.loadDrawable(Resources.java:1950)
 :  at android.content.res.Resources.getDrawable(Resources.java:660)
 :  at android.view.View.setBackgroundResource(View.java:14468)
 :  at com.example.appthree.MainActivity.onCreate(MainActivity.java:15)
 :  at android.app.Activity.performCreate(Activity.java:5104)
 :  at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1080)
 :  at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2144)
 :  at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2230)
 :  at android.app.ActivityThread.access$600(ActivityThread.java:141)
 :  at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1234)
 :  at android.os.Handler.dispatchMessage(Handler.java:99)
 :  at android.os.Looper.loop(Looper.java:137)
 :  at android.app.ActivityThread.main(ActivityThread.java:5041)
 :  at java.lang.reflect.Method.invokeNative(Native Method)
 :  at java.lang.reflect.Method.invoke(Method.java:511)
 :  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:793)
 :  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:560)
 :  at dalvik.system.NativeStart.main(Native Method)
 : GC_CONCURRENT freed 30038K, 93% free 2539K/32768K, paused 73ms+97ms, total 472ms

【问题讨论】:

Android 不支持 Gif 动画 试试这个教程droid-blog.net/2011/10/14/… 它有不同的方式来显示动画 gif.. 页面底部有教程其他部分的链接.. 我建议你看看这种显示动画gif的方式droid-blog.net/2011/10/17/… 【参考方案1】:

正如 Martin 所说,Android 不支持 GIF。作为一种解决方法,Android 提供Animation List/AnimationDrawable。您需要将 GIF 转换为单独的帧 [.png 文件]。我使用 GIMP 进行转换

这个 GIF 可以分解成帧:

将它们保存为 frame01.png、frame02.png 等,并创建一个动画列表 XML 文件,例如 progress_animation.xml

<animation-list android:id="@+id/selected" android:oneshot="false">
<item android:drawable="@drawable/frame01" android:duration="50" />
<item android:drawable="@drawable/frame02" android:duration="50" />
<item android:drawable="@drawable/frame03" android:duration="50" />
....
<item android:drawable="@drawable/frameN" android:duration="50" />

要开始动画,您需要将图像转换为 AnimationDrawable,并在其上调用 start()

AnimationDrawable progressAnimation = (AnimationDrawable) yourImageView.getBackground();
progressAnimation.start();

【讨论】:

感谢您提供的资源,因为它们对我帮助很大。我已经发布了我的代码更新,但是我的应用程序仍然无法运行。 您能否发布完整的 LogCat 堆栈跟踪,或者至少提及导致 UnhandledEventLoopException 的代码行? 我已经添加了会话过滤器 LogCat。我会发布所有消息(没有过滤器),但基本上有它们的页面。 哦,我应该早点发现问题 - 您应该通过调用 setContentView(R.layout.activity_main); 来设置布局 [ ] 在您尝试查找 ID 为 R.id.swing_play 的视图之前。相关的堆栈跟踪行是由以下原因引起的:java.lang.NullPointerException at com.example.apptwo.MainActivity.onCreate(MainActivity.java:14) NullPointerException 发生在 MainActivity 的第 14 行 我在 ImageView 上方调用了 setContentView。同样的事情发生在模拟器显示“不幸的是,AppTwo 已停止”的地方。我已更新代码以显示更改。【参考方案2】:

当 GIF 动画作为电影播放时,Android 支持 gif 动画。

Take a look.

【讨论】:

【参考方案3】:

将您的 gif 图片放入 app\src\main\assets

创建一个类似的类

public class MyGifView extends View 
Movie movie;
InputStream is;
long startTime;

public MyGifView(Context context) 
    super(context);
    try 
        is = getResources().getAssets().open("anim.gif");
        movie = Movie.decodeStream(is);
     catch (IOException e) 
        e.printStackTrace();
    


@Override
protected void onDraw(Canvas canvas) 
    canvas.drawColor(Color.WHITE);
    super.onDraw(canvas);
    long now = System.currentTimeMillis();
    if (startTime == 0) // first time
        startTime = now;
    int relTime = (int) ((now - startTime) % movie.duration());
    movie.setTime(relTime);
    float scalefactorx = (float) this.getWidth() / (float) movie.width();
    float scalefactory = (float) this.getHeight() / (float) movie.height();
    canvas.scale(scalefactorx,1);
    movie.draw(canvas, scalefactorx, scalefactory);
    this.invalidate();

在您的 xml activity_layout (backgroundFrameLayout) 中的某处添加一个布局。 在您的活动 onCreate() 中的用法:

FrameLayout frameLayout = findViewById(R.id.backgroundFrameLayout);
frameLayout.addView(new MyGifView(this));

【讨论】:

以上是关于将动画 .GIF 设置为背景 Android的主要内容,如果未能解决你的问题,请参考以下文章

将裁剪蒙版应用于具有透明背景的动画 gif

使用两个图像为 iphone tableviewCell 背景图像设置动画

QLabel 在 gif 上覆盖 png

如何使用 convert -crop 为动画 gif/放大图像添加更多背景?

如何使用 PHP 使动画 gif 的背景透明?

将光栅堆栈投影为动画或 GIF 传单