Android 2.3 Gallery3D添加gif支持——修改代码(三)

概要

       前两篇文章：

       《Android 2.3 Gallery3D添加gif支持——概要(一)》

       《Android 2.3 Gallery3D添加gif支持——图片显示(二)》

       看过Gallery3D代码的童鞋都知道，其代码不仅多而且很复杂，因此对于代码这里不会做过于详细的分析，重点是流程。毕竟关键的方法就那么几个，其他修改不外乎为了完善它，仅此而已。

       欢迎转载，请务必注明出处：http://blog.csdn.net/yihongyuelan/

       对于让Android显示gif图片，其实有很多种做法，比如：

       (1). 以Java的方式对gif进行解析并显示。

       在Gallery3D中，当获取到该图片为gif格式时，调用一套单独的解析显示流程。解析包括获取当前gif中每一张图片，以及每一张图片之间的显示间隔等等；显示包括用一个循环的方式让每一张图片。当然我们可以将解析方式以Jar包的方式引入，网上的现成例子有很多。

       (2).以C/C++的方式对gif进行解析并显示。

       Android 2.3 集成了Skia这个强大的图形显示引擎，有多强大呢？(那么那么强大！！o(╯□╰)o还是自己百度吧)，Skia是支持对gif解析的。但为什么google没有使用Skia来进行gif解析呢？这是有多方面原因的，Android默认开发都是针对模拟器的，但模拟器的性能大家都知道吧，CPU资源少，内存资源少等等，总的来讲google为了保证模拟器的“正常运行”就没有加入gif的显示。

       回到文章主题，也就是说我们可以通过Skia对gif进行解码，然后修改一下Gallery3D显示逻辑，从而完成gif的显示。这样子不用我说，大家也知道效率比Java高很多倍了吧！！既然能够通过Skia来解析gif图片，自然可以通过类似的方式来改造ImageView等等。

基本框架

       本文采用第二种方案，大致流程如图1所示：

                                                                                     图1

框架解析

       通过图1我们可以知道，我们需要修改的代码包括三个部分，Gallery3D以及Framework中添加接口，最后调用Native方法去解析gif并返回。整个流程看似简单，但要完善整个功能需要修改的文件多达15个啊( ⊙ o ⊙ )！废话不多讲，我们先从APP层的Gallery3D入手。

APP层

       这里所说的APP层，实际上就是com.android.cooliris下的修改。位于：AndroidSource/packages/appa/Gallery3D

       主要思路：Gallery3D是如何显示一张图片的？

       无论是jpeg还是bmp，当我们在Gallery3D中点击缩略图时，它们走的流程应该是一致的，即根据缩略图信息查找到数据库中对应的真实地址并对图片进行解析。因此在Gallery3D需要显示一张图片时，如果我判断到当前的图片类型是gif格式，那么我们让该gif图片走一套单独的显示流程即可完成gif的播放。这套独立的显示流程包括以下几步：

       (1). 检测图片类型，即判断是否是gif图片(isGifImage)。

       (2). 如果是gif图片，那么我需要为播放gif图片做好准备，解析图片(decodeOneFrame)、一张图片显示时长(getFrameDuration)。

       (3). 准备完成之后，需要有播放(playGif)和停止播放(stopGif)。

       (4). 显示完一张gif中的图片之后，需要显示下一张图片(displayNextFrame)。

       整个流程如图2：

                                                                     图2

       单独显示一张图片，最终调用到com/cooliris/media/GridDrawManager.java中的drawFocusItems()，以下代码“+”号表示添加代码，“-”表示删除代码，如下：

void drawFocusItems(RenderView view, GL11 gl, float zoomValue, boolean slideshowMode, float timeElapsedSinceView) {
         int selectedSlotIndex = mSelectedSlot;
         GridDrawables drawables = mDrawables;
         int firstBufferedVisibleSlot = mBufferedVisibleRange.begin;
         int lastBufferedVisibleSlot = mBufferedVisibleRange.end;
         boolean isCameraZAnimating = mCamera.isZAnimating();
+        //如果不满足gif播放条件则停止播放
+        boolean playGifMode = false;
         for (int i = firstBufferedVisibleSlot; i <= lastBufferedVisibleSlot; ++i) {
+               DisplayItem displayItem = displayItems[(i - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT];
+               if (i != selectedSlotIndex && displayItem != null) {
+                displayItem.stopGif();
+            }
             if (selectedSlotIndex != Shared.INVALID && (i >= selectedSlotIndex - 2 && i <= selectedSlotIndex + 2)) {
                 continue;
             }
-            DisplayItem displayItem = displayItems[(i - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT];
             if (displayItem != null) {
                 displayItem.clearScreennailImage();
             }
                 return;
             }
             boolean focusItemTextureLoaded = false;
-            Texture centerTexture = centerDisplayItem.getScreennailImage(view.getContext());
+            //获取图片纹理信息
+            Texture centerTexture = centerDisplayItem.getScreennailImage(view);
             if (centerTexture != null && centerTexture.isLoaded()) {
                 focusItemTextureLoaded = true;
             }
             view.setAlpha(1.0f);
             gl.glEnable(GL11.GL_BLEND);
             gl.glBlendFunc(GL11.GL_ONE, GL11.GL_ONE);
+            int selectedIndexInDrawnArray = (selectedSlotIndex - firstBufferedVisibleSlot)
+                    * GridLayer.MAX_ITEMS_PER_SLOT;
+            DisplayItem selectedDisplayItem = displayItems[selectedIndexInDrawnArray];
+            MediaItem selectedItem = selectedDisplayItem.mItemRef;
+            if (selectedItem.isGifImage() && !slideshowMode) {
+                playGifMode = true;
+                mDisplayGifItem = selectedDisplayItem;
+            }
             float backupImageTheta = 0.0f;
             for (int i = -1; i <= 1; ++i) {
                 if (slideshowMode && timeElapsedSinceView > 1.0f && i != 0)
                     continue;
+                //添加是否是GifMode判断条件
+                if (playGifMode && i != 0) {
+                    continue;
+                }
                 float viewAspect = camera.mAspectRatio;
                 int selectedSlotToUse = selectedSlotIndex + i;
                 if (selectedSlotToUse >= 0 && selectedSlotToUse <= lastBufferedVisibleSlot) {
                     DisplayItem displayItem = displayItems[indexInDrawnArray];
                     MediaItem item = displayItem.mItemRef;
                     final Texture thumbnailTexture = displayItem.getThumbnailImage(view.getContext(), sThumbnailConfig);
-                    Texture texture = displayItem.getScreennailImage(view.getContext());
-                    if (isCameraZAnimating && (texture == null || !texture.isLoaded())) {
+                    //获取下一张图片
+                    Texture texture = displayItem.getScreennailImage(view);
+                    Texture nextFrameTexture = displayItem.getNextFrame();
+                    if (playGifMode) {
+                        long now = SystemClock.uptimeMillis();
+                        if ((now - mPreTime) > item.getFrameDuration() && nextFrameTexture != null
+                                && nextFrameTexture.isLoaded()) {
+                            item.displayNextFrame();
+                            mPreTime = now;
+                        }
+                        view.requestRender();
+                    }
+                    //添加是否是GifMode判断条件
+                    if (!playGifMode && isCameraZAnimating && (texture == null || !texture.isLoaded())) {
                         texture = thumbnailTexture;
                         mSelectedMixRatio.setValue(0f);
                         mSelectedMixRatio.animateValue(1f, 0.75f, view.getFrameTime());
                     }
-                    Texture hiRes = (zoomValue != 1.0f && i == 0 && item.getMediaType() != MediaItem.MEDIA_TYPE_VIDEO) ? displayItem
+                    //添加是否是GifMode判断条件
+                    Texture hiRes = (!playGifMode && zoomValue != 1.0f && i == 0 && item.getMediaType() != MediaItem.MEDIA_TYPE_VIDEO) ? displayItem
                             .getHiResImage(view.getContext())
                             : null;
                     if (App.PIXEL_DENSITY > 1.0f) {
                             }
                         }
                         texture = thumbnailTexture;
-                        if (i == 0) {
+                        //添加是否是GifMode判断条件
+                        if (i == 0 && !playGifMode) {
                             mSelectedMixRatio.setValue(0f);
                             mSelectedMixRatio.animateValue(1f, 0.75f, view.getFrameTime());
-                        if (i == 0) {
+                        //添加是否是GifMode判断条件
+                        if (i == 0 && !playGifMode) {
                             mSelectedMixRatio.setValue(0f);
-                        if (i == 0) {
-                        if (i == 0) {
+                        //添加是否是GifMode判断条件
+                        if (i == 0 && !playGifMode) {
                             mSelectedMixRatio.setValue(0f);
                             mSelectedMixRatio.animateValue(1f, 0.75f, view.getFrameTime());
+                        //判断纹理是否已经加载，如果是则预先解析第二祯图片
+                        }
+                    } else if (texture.isLoaded()) {
+                        if (playGifMode && nextFrameTexture == null) {
+                            mPreTime = SystemClock.uptimeMillis();
+                            displayItem.preDecodeNextFrame(view);
                         }
                     }
                     if (mCamera.isAnimating() || slideshowMode) {
                             continue;
                         }
                     }
-                    int theta = (int) displayItem.getImageTheta();
+                    //取绝对值
+                    int theta = Math.abs((int) displayItem.getImageTheta());
                     // If it is in slideshow mode, we draw the previous item in
                     // the next item's position.
                     if (slideshowMode && timeElapsedSinceView < 1.0f &