blocks|key|194823|text|我不推荐使用Movie或WebView类，而是使用ImageView，并将源代码drawable设置为animation-list。请看示例(mydrawable.xml)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|194824|<?xml+version="1.0"+encoding="utf-8"?>
<animation-list+xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item+android:drawable="@drawable/image_1"+android:duration="100"+/>
<item+android:drawable="@drawable/image_2"+android:duration="100"+/>
<item+android:drawable="@drawable/image_3"+android:duration="100"+/>
</animation-list>+

//+in+your+layout+:+<ImageView
+++android:layout_width="wrap_content"
+++android:layout_height="wrap_content"
+++android:src="@drawable/my_drawable"+/>|code-block|syntax|javascript|194825|显然，在使用此解决方案之前，您必须将.gif分成多个独立的图像。|194826|entityMap^0|6|5|C|7|P|9|1F|E|1Z|E|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|N|$]]

I wouldn't recommend using <code>Movie</code> or <code>WebView</code> classes but <code>ImageView</code> instead with source drawable set to <code>animation-list</code>. Look at example(<code>mydrawable.xml</code>): 

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false"&gt;
&lt;item android:drawable="@drawable/image_1" android:duration="100" /&gt;
&lt;item android:drawable="@drawable/image_2" android:duration="100" /&gt;
&lt;item android:drawable="@drawable/image_3" android:duration="100" /&gt;
&lt;/animation-list&gt; 

// in your layout : &lt;ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/my_drawable" /&gt;
</code></pre>

Obviously, you have to slice your .gif into seperate images before using this solution.

blocks|key|2824146|text|And+i+think+this+is+the+one+way+of+solution+by+writing+the+anim-space.xml+
In+which+the+slices+of+the+image+are+added+to+the+items+one+by+one+and+setting+that+xml+to+the+imageview+of+our+layout+xml.|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2824147|http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html|unstyled|offset|length|2824148|这个开发者链接中的|2824149|是明确定义的。|blockquote|2824150|2824151|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2F|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|J|5|F|7|10|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|11|8|@]|9|@]|A|$]]|$1|N|3|-4|5|F|7|12|8|@]|9|@]|A|$]]|$1|O|3|-4|5|F|7|13|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|E]]]]

<pre><code>And i think this is the one way of solution by writing the anim-space.xml 
In which the slices of the image are added to the items one by one and setting that xml to the imageview of our layout xml.
</code></pre>

<a href="http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html" rel="nofollow">http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html</a>

<blockquote>
 In this developers link it is defined clearly.
</blockquote>

blocks|key|196647|text|要在这里给出一个准确而完整的答案，你需要一步一步地做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|196648|196649|您需要具有不同的.png图像，这些图像将用作动画的帧。将它们保存在res/drawable文件夹中。|ordered-list-item|offset|length|style|CODE|196650|在res/drawable文件夹中创建包含以下内容的anim.xml文件：|196651|在您要在其中显示动画的布局xml文件中：|196652|196653|//...++//...+Java文件中的|196654|加载布局xml文件并调用setContentView：|unordered-list-item|196655|196656|//...+@Override+public+void+onCreate(savedInstanceState包){+super.onCreate(+savedInstanceState)；setContentView(R.layout.activity_main)；final+ImageView+animImageView+=+(ImageView)+findViewById(R.id.iv_animation)；new+Runnable()+{+@Override+public+void+run()+{+AnimationDrawable+frameAnimation+=+(AnimationDrawable)+animImageView.getBackground()；frameAnimation.start()；}+})；//+...其他代码...+}+//+...|196657|为了停止动画，您可以在AnimationDrawable上调用.stop()。有关可用方法的更多详细信息，请参阅AnimationDrawable文档。希望这能帮助到别人。|196658|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html^0|0|0|8|4|X|C|0|1|C|Q|8|0|D|3|0|0|0|C|E|0|0|0|B|H|V|7|1K|H|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|18|8|@$F|19|G|1A|H|I]|$F|1B|G|1C|H|I]]|9|@]|A|$]]|$1|J|3|K|5|E|7|1D|8|@$F|1E|G|1F|H|I]|$F|1G|G|1H|H|I]]|9|@]|A|$]]|$1|L|3|M|5|E|7|1I|8|@$F|1J|G|1K|H|I]]|9|@]|A|$]]|$1|N|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1N|8|@$F|1O|G|1P|H|I]]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1R|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1S|8|@$F|1T|G|1U|H|I]|$F|1V|G|1W|H|I]]|9|@$F|1X|G|1Y|1|1Z]]|A|$]]|$1|Y|3|-4|5|6|7|20|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

To give a precise and complete answer here is what you need to do step wise:

<ol>
<li>You would need to have different <code>.png</code> images which will act as
frames for your animation. Save them in <code>res/drawable</code> folder.</li>
<li>Create <code>anim.xml</code> file in <code>res/drawable</code> folder with following content:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
 android:oneshot="false"&gt;

 &lt;item android:drawable="@drawable/image_3" android:duration="250" /&gt;
 &lt;item android:drawable="@drawable/image_2" android:duration="250" /&gt;
 &lt;item android:drawable="@drawable/image_1" android:duration="250" /&gt;
 &lt;item android:drawable="@drawable/image" android:duration="250" /&gt;

&lt;/animation-list&gt;
</code></pre></li>
<li>In the layout <code>xml</code> file inside which you want to show the animation:

<pre><code>//...
&lt;ImageView
 android:id="@+id/iv_animation"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_centerHorizontal="true"
 android:contentDescription="Animation" /&gt;
//...
</code></pre></li>
<li>In the Java file which loads the the layout xml file and calls
<code>setContentView</code>:

<pre><code>//...
@Override
public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 final ImageView animImageView = (ImageView) findViewById(R.id.iv_animation);
 animImageView.setBackgroundResource(R.drawable.anim);
 animImageView.post(new Runnable() {
 @Override
 public void run() {
 AnimationDrawable frameAnimation =
 (AnimationDrawable) animImageView.getBackground();
 frameAnimation.start();
 }
 });
 // ... other code ... 
}
// ...
</code></pre></li>
</ol>

In order to stop the animation you can call <code>.stop()</code> on the <code>AnimationDrawable</code>. For more details about the available methods, you can see <a href="https://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html" rel="noreferrer">AnimationDrawable</a> documentation. Hope it helps someone.

blocks|key|3036934|text|嗯，我可以使用这个简单的代码来制作android图像的动画：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3036935|canvas.drawColor(Color.WHITE);
super.onDraw(canvas);


long+now=android.os.SystemClock.uptimeMillis();
System.out.println("now="%2Bnow);
if+(moviestart+==+0)+{+//+first+time
moviestart+=+now;

}

System.out.println("\tmoviestart="%2Bmoviestart);
int+relTime+=+(int)((now+-+moviestart)+%25+movie.duration())+;
+System.out.println("time="%2BrelTime%2B"\treltime="%2Bmovie.duration());
movie.setTime(relTime);
movie.draw(canvas,this.getWidth()/2-20,this.getHeight()/2-40);
this.invalidate();
+}|code-block|syntax|javascript|3036936|它很容易用movieview实现。|3036937|或者我可以给你这个东西的tutorial|offset|length|3036938|entityMap|0|LINK|mutability|MUTABLE|url|http://programondaspot.blogspot.com/2015/06/gif-animation-on-android.html^0|0|0|0|C|8|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Well i was able to animate android images using this simple code:

<pre><code>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();
 }
</code></pre>

 it was implemented easily using movieview

or i can i give you a <a href="http://programondaspot.blogspot.com/2015/06/gif-animation-on-android.html" rel="nofollow">tutorial</a> for this stuff

blocks|key|194878|text|使用线程(即View.post(new+Runnable))不是一种好的做法，因为视图可能在绘制过程中发生了变化(一种情况是在ListView上使用包含不同背景图像的动画图像)，这可能会导致ClassCastException，如果在线程运行时ImageView的背景不是动画资源。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|194879|ImageView+loadingImg+=+(ImageView)v.findViewById(R.id.image);
loadingImg.setBackgroundResource(R.drawable.progressdialog);
loadingImg.addOnAttachStateChangeListener(new+View.OnAttachStateChangeListener()+{
++@Override
++public+void+onViewAttachedToWindow(View+v)+{
++++AnimationDrawable+loadingAnimation+=+(AnimationDrawable)+v.getBackground();
++++loadingAnimation.start();
++}

++@Override
++public+void+onViewDetachedFromWindow(View+v)+{
++}
});|code-block|syntax|javascript|194880|示例显示为here|offset|length|194881|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/22155576/1161198^0|0|0|5|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

It's not good practice to use Threads (i.e. View.post(new Runnable)) because the view might have changed during the time the drawable is going to be painted (one case is using the animated image on ListView with items containing different background images), which may cause a ClassCastException if the ImageView, by the time the thread runs, has a background that is not an animated resource.

<pre><code>ImageView loadingImg = (ImageView)v.findViewById(R.id.image);
loadingImg.setBackgroundResource(R.drawable.progressdialog);
loadingImg.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
 @Override
 public void onViewAttachedToWindow(View v) {
 AnimationDrawable loadingAnimation = (AnimationDrawable) v.getBackground();
 loadingAnimation.start();
 }

 @Override
 public void onViewDetachedFromWindow(View v) {
 }
});
</code></pre>

Example shown <a href="https://stackoverflow.com/a/22155576/1161198">here</a>

blocks|key|196695|text|据我所知，你的GIF图片没有移动，所以如果你把GIF当作静态图片来处理，这是Android的本机行为。对我来说最好的解决方案(而不是重复发明轮子！)是开源库gitDrawable。查看他们的自述文件，一切都很简单:向gradle添加依赖并使用(在XML或代码中)。Java中的用法示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|196696|GifDrawable+gifFromResource+=+new+GifDrawable(+getResources(),+R.drawable.anim+);|code-block|syntax|javascript|196697|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/koral--/android-gif-drawable^0|26|B|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

As far as I understand, your GIF image is not moving, so that's the native Android behaviour if you treat GIF like a static picture. For me the best solution (not to reinvent the wheel!) was the open-source library <a href="https://github.com/koral--/android-gif-drawable" rel="noreferrer">gitDrawable</a>. Check their README, everything is very simple: add dependency to gradle and use(in XML or code). Example of usage in Java:

<pre><code>GifDrawable gifFromResource = new GifDrawable( getResources(), R.drawable.anim );
</code></pre>

Here is the code for xml:

<pre><code>&lt;ImageView
 android:id="@+id/imageView1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/minepic" /&gt;
</code></pre>

Here the minepic is a gif animated image but after running the application its just showing a static image. 

<blockquote>
 Is there any solution about how to animate the .gif images in android application?
</blockquote>

How to animate .gif images in an android?

Android

Java

这里是xml的代码：<ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/mi...

问如何在安卓系统中实现.gif图像的动画？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在安卓系统中实现.gif图像的动画？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在安卓系统中实现.gif图像的动画？
EN