`
quanminchaoren
  • 浏览: 924300 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Android Gallery3d源码学习总结(二)——绘制流程drawThumbnails

阅读更多

此函数控制相册表格页、相片表格页、时间分类表格页的展示,非常重要。以下以相册表格页为例进行讲解,其他的就举一反三吧。
准备输入参数

  1. final GridDrawables drawables = mDrawables;
  2.         final DisplayList displayList = mDisplayList;
  3.         final DisplayItem[] displayItems = mDisplayItems;

  4.         final int firstBufferedVisibleSlot = mBufferedVisibleRange.begin;
  5.         final int lastBufferedVisibleSlot = mBufferedVisibleRange.end;
  6.         final int firstVisibleSlot = mVisibleRange.begin;
  7.         final int lastVisibleSlot = mVisibleRange.end;

  8.         final int selectedSlotIndex = mSelectedSlot;
  9.         final int currentFocusSlot = mCurrentFocusSlot;
  10.         final int currentScaleSlot = mCurrentScaleSlot;

  11.         final DisplayItem[] itemsDrawn = mItemsDrawn;
  12.         itemsDrawn[0] = null; // No items drawn yet.
  13.         int drawnCounter = 0;

  14.         final GridQuad grid = GridDrawables.sGrid;
  15.         grid.bindArrays(gl);

  16.         int numTexturesQueued = 0;
  17.         Context context = view.getContext();
复制代码

通 过之前的computeVisibleItems(),已得到显示元素列表,显示元素缓冲数组,缓存可见槽位的范围,可见槽位的范围;得到当前选中的槽位 索引selectedSlotIndex、当前焦点槽位索引currentFocusSlot和缩放槽位索引currentScaleSlot。
已画元素的缓存数组,绑定表格类材质。selectedSlotIndex、currentFocusSlot、currentScaleSlot在不进行任何操作时都是-1.

遍历缓存可见槽位范围中的每一个槽位

  1. for (int itrSlotIndex = firstBufferedVisibleSlot; itrSlotIndex <= lastBufferedVisibleSlot; ++itrSlotIndex) {
  2.         int index = itrSlotIndex;
  3.         ...        
  4.         }
复制代码

即遍历每个相册,index是相册序号。

为每个相册分别计算“需要绘制“的最开头那张照片的序号

  1.             boolean priority = !(index < firstVisibleSlot || index > lastVisibleSlot);
  2.             int startSlotIndex = 0;
  3.             final int maxDisplayedItemsPerSlot = (index == mCurrentScaleSlot) ? GridLayer.MAX_DISPLAYED_ITEMS_PER_FOCUSED_SLOT
  4.                     : GridLayer.MAX_DISPLAYED_ITEMS_PER_SLOT;
  5.             if (index != mCurrentScaleSlot) {
  6.                 for (int j = maxDisplayedItemsPerSlot - 1; j >= 0; --j) {
  7.                     DisplayItem displayItem = displayItems[(index - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT + j];
  8.                     if (displayItem == null) {
  9.                         continue;
  10.                     } else {
  11.                         Texture texture = displayItem.getThumbnailImage(context, sThumbnailConfig);
  12.                         if (texture != null && texture.isLoaded() == false) {
  13.                             startSlotIndex = j;
  14.                             break;
  15.                         }
  16.                     }
  17.                 }
  18.             }
复制代码

priority表示当前槽位在[firstVisibleSlot,lastVisibleSlot]范围中,则为高优先级,可见槽位上的自然是最高优先级喽;
maxDisplayedItemsPerSlot表示每个槽位中最多的显示项目,即每个相册封面的最大缩略图数,此处为4;
startSlotIndex是当前帧 每个相册中“需要绘制“的最开头那张照片的序号(取值在0-3之间),注意“需要绘制“的最开头那张照片往往不是相册中的第一张照片,帧动画开始时它通常 是第四张照片(第四张被依次压在321张照片下面嘛,因此绘制加载材质都要按照第四张向首张的次序),随着动画和材质逐步加载,它慢慢变为第三张、第二 张、第一张。

从第四张向第一张加载材质

  1. // Prime the textures in the reverse order.
  2.             for (int j = 0; j < maxDisplayedItemsPerSlot; ++j) {
  3.                 int stackIndex = (index == mCurrentScaleSlot) ? maxDisplayedItemsPerSlot - j - 1 : j;
  4.                 DisplayItem displayItem = displayItems[(index - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT
  5.                         + stackIndex];
  6.                 if (displayItem == null) {
  7.                     continue;
  8.                 } else {
  9.                     displayItem.mCurrentSlotIndex = index;
  10.                     if (selectedSlotIndex != Shared.INVALID && (index <= selectedSlotIndex - 2 || index >= selectedSlotIndex + 2)) {
  11.                         displayItem.clearScreennailImage();
  12.                     }

  13.                     Texture texture = displayItem.getThumbnailImage(context, sThumbnailConfig);
  14.                     if (index == mCurrentScaleSlot && texture != null && !texture.isLoaded()) {
  15.                         view.prime(texture, true);
  16.                         view.bind(texture);
  17.                     } else if (texture != null && !texture.isLoaded() /*&& numTexturesQueued <= 6*/) {
  18.                         /*boolean isCached = texture.isCached();*/
  19.                         view.prime(texture, priority);
  20.                         view.bind(texture);
  21.                         /*if (priority && isCached && texture.mState != Texture.STATE_ERROR)
  22.                             ++numTexturesQueued;*/
  23.                     }
  24.                 }
  25.             }
复制代码

因为是正序的处理4个元素,插入队头,因此是按照从第四张向第一张的次序加载材质。无用的代码已经注释掉了。

准备一些变量

  1. if (itrSlotIndex == selectedSlotIndex) {
  2.                 continue;
  3.             }
  4.             view.prime(drawables.mTexturePlaceholder, true);
  5.             Texture placeholder = (state == GridLayer.STATE_GRID_VIEW) ? drawables.mTexturePlaceholder : null;
  6.             final boolean pushDown = (state == GridLayer.STATE_GRID_VIEW || state == GridLayer.STATE_FULL_SCREEN) ? false : true;
复制代码

加载占位材质,自己找找看是那个图标;如果是相片表格视图,则占位材质使用这个图标,否则占位材质为空;如果是相片表格视图,则长按选中后向上弹起,否则向下陷下去。

调整显示项目和相机的偏移量

  1. for (int j = 0; j < GridLayer.MAX_ITEMS_PER_SLOT; ++j) {
  2.                 DisplayItem displayItem = displayItems[(index - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT + j];
  3.                 if (displayItem == null)
  4.                     continue;
  5.                 Texture texture = displayItem.getThumbnailImage(context, sThumbnailConfig);
  6.                 if (texture == null || !texture.isLoaded()) {
  7.                     if (currentScaleSlot != index) {
  8.                         if (j == 0) {
  9.                             final MediaSet parentSet = displayItem.mItemRef.mParentMediaSet;
  10.                             if (parentSet != null && parentSet.getNumItems() <= 1) {
  11.                                 displayList.setAlive(displayItem, false);
  12.                             }
  13.                         } else {
  14.                             displayList.setAlive(displayItem, false);
  15.                         }
  16.                     }
  17.                 }
  18.                 final float dx1 = mScaleGestureDetector.getTopFingerDeltaX();
  19.                 final float dy1 = mScaleGestureDetector.getTopFingerDeltaY();
  20.                 final float dx2 = mScaleGestureDetector.getBottomFingerDeltaX();
  21.                 final float dy2 = mScaleGestureDetector.getBottomFingerDeltaY();
  22.                 final float span = mScaleGestureDetector.getCurrentSpan();
  23.                 if (state == GridLayer.STATE_FULL_SCREEN) {
  24.                     displayList.setOffset(displayItem, false, true, span, dx1, dy1, dx2, dy2);
  25.                 } else {
  26.                     if (!mHoldPosition) {
  27.                         if (state != GridLayer.STATE_GRID_VIEW) {
  28.                             if (currentScaleSlot == index) {
  29.                                 displayList.setOffset(displayItem, true, false, span, dx1, dy1, dx2, dy2);
  30.                             } else if (currentScaleSlot != Shared.INVALID) {
  31.                                 displayList.setOffset(displayItem, true, true, span, dx1, dy1, dx2, dy2);
  32.                             } else {
  33.                                 displayList.setOffset(displayItem, false, false, span, dx1, dy1, dx2, dy2);
  34.                             }
  35.                         } else {
  36.                             float minVal = -1.0f;
  37.                             float maxVal = GridCamera.EYE_Z * 0.5f;
  38.                             float zVal = minVal + mSpreadValue;
  39.                             zVal = FloatUtils.clamp(zVal, minVal, maxVal);
  40.                             if (Float.isInfinite(zVal) || Float.isNaN(zVal)) {
  41.                                 mCamera.moveZTo(0);
  42.                             } else {
  43.                                 mCamera.moveZTo(-zVal);
  44.                             }
  45.                         }
  46.                     }
  47.                 }
  48.             }
复制代码

第一部分每太看懂,第二部分是得到多点触碰的输入信息,第三部分根据视图调整了照片偏移量和相机距离。

绘制缩略图显示项目

  1. for (int j = startSlotIndex; j < GridLayer.MAX_ITEMS_PER_SLOT; ++j) {
  2.                 DisplayItem displayItem = displayItems[(index - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT + j];
  3.                 if (displayItem == null) {
  4.                     break;
  5.                 } else {
  6.                     if (currentFocusSlot == index) {
  7.                         displayList.setHasFocus(displayItem, true, pushDown);
  8.                         mTargetFocusMixRatio = 1.0f;
  9.                     } else {
  10.                         displayList.setHasFocus(displayItem, false, pushDown);
  11.                     }
  12.                     if (j >= maxDisplayedItemsPerSlot)
  13.                         continue;
  14.                     Texture texture = displayItem.getThumbnailImage(view.getContext(), sThumbnailConfig);
  15.                     if (texture != null) {
  16.                         if (index == mCurrentScaleSlot)
  17.                             displayItem.mAlive = true;
  18.                         if ((!displayItem.isAnimating() || !texture.isLoaded())
  19.                                 && displayItem.getStackIndex() > GridLayer.MAX_ITEMS_PER_SLOT) {
  20.                             displayList.setAlive(displayItem, true);
  21.                             continue;
  22.                         }
  23.                         if (index < firstVisibleSlot || index > lastVisibleSlot) {
  24.                             if (view.bind(texture)) {
  25.                                 displayList.setAlive(displayItem, true);
  26.                             }
  27.                             continue;
  28.                         }
  29.                         drawDisplayItem(view, gl, displayItem, texture, PASS_THUMBNAIL_CONTENT, placeholder,
  30.                                 displayItem.mAnimatedPlaceholderFade);
  31.                     } else {
  32.                         // Move on to the next stack.
  33.                         break;
  34.                     }
  35.                     if (drawnCounter >= GridLayer.MAX_ITEMS_DRAWABLE - 1 || drawnCounter < 0) {
  36.                         break;
  37.                     }
  38.                     // Insert in order of z.
  39.                     itemsDrawn[drawnCounter++] = displayItem;
  40.                     itemsDrawn[drawnCounter] = null;
  41.                 }
  42.             }
复制代码

如果是当前选中,则根据当前视图选择下陷还是弹起;绘制缩略图(其中的displayList.setAlive还没有看懂有什么用);记录已绘制的items。

分享到:
评论

相关推荐

    Android_Gallery3D源码(已编译)

    总之,Android Gallery3D的源码是一个丰富的学习资源,它涵盖了Android开发的多个关键领域,包括3D图形编程、数据管理、性能优化、用户交互设计以及项目构建。对于希望提升Android开发技能的工程师来说,深入研究这...

    android 3d 分析

    "gallery3d源码学习总结(二)——绘制流程drawThumbnails"可能涵盖了如何绘制缩略图的步骤,这对于实现3D滚动效果至关重要。 在"gallery3d源码学习总结(三)——Cache缓存及数据处理流程"中,可能讲解了如何有效...

    android Gallery3D 最新源码

    总结,Gallery3D作为Android平台上的一个开源项目,其源码为我们揭示了高效3D图片浏览应用的实现原理,包括数据加载、3D渲染、UI设计和性能优化等多个方面的知识。通过深入学习和理解,开发者不仅能提升自己的...

    安卓Android源码——Gallery3D.zip

    《深入剖析Android Gallery3D源码》 在Android操作系统中,Gallery3D是一款经典的图片浏览应用,它以其高效、流畅的用户体验而广受好评。本文将深入探讨Gallery3D的源码,帮助开发者理解其背后的实现原理,进一步...

    Gallery3D源码

    《Gallery3D源码解析——打造高效且直观的图库应用》 Gallery3D是一款流行的开源图库应用程序,以其高性能和用户友好的界面而受到广大开发者和用户的喜爱。本文将深入探讨Gallery3D的源码,揭示其在图像处理、性能...

    Android2.3.3图库Gallery3D源码带Eclispe工程直接编译

    本文将深入剖析Android 2.3.3版本中的图库应用——Gallery3D的源码,帮助开发者了解其工作原理,从而更好地运用到自己的项目中。 Gallery3D是一款高性能、优化过的图片浏览应用,它展示了Android平台上的3D图像处理...

    Android Gellary3D 源码

    **Android Gellary3D 源码解析** Android Gellary3D 是一个用于展示图像的3D画廊应用,它提供了丰富的用户体验,让用户能够以立体的方式浏览和管理手机中的图片。源代码中包含了实现这一功能的核心算法、UI设计以及...

    在Eclipse中编译运行Android4.3应用源码——Gallery2

    详情请参阅 在Eclipse中编译运行Android4.3应用源码——Launcher2和Gallery2 http://blog.csdn.net/klpchan/article/details/11843295

    android2.2 gallery3d源码

    android gallery3d源码,我测试过了,可以正常运行,希望对大家有用。

    Gallery3D源码分析

    Gallery3D源码分析

    安卓Android源码——Grallery3D.zip

    总结来说,Gallery3D作为Android平台的一款经典应用,其源码提供了丰富的学习资源,涵盖了Android应用开发的多个重要方面,包括UI设计、数据管理、图形渲染、性能优化等。深入研究并实践这些知识点,对于任何Android...

    安卓Android源码——Gallery2.rar

    《安卓Android源码——Gallery2解析》 在安卓开发领域,深入理解源码是提升技能的重要途径之一。这里我们关注的是“Gallery2”模块,它是Android系统中的一个图像浏览应用,主要用于展示和管理用户的照片。Gallery2...

    android 的gallery3d

    **Android的Gallery3D详解** Gallery3D是Android操作系统中的一款强大的3D图像查看应用,专为用户提供了独特的三维浏览体验。它不仅是一款高效的图片管理工具,还利用了Android设备的硬件加速功能,实现了流畅的3D...

    安卓Andriod源码——Gallery3D.zip

    《安卓Android源码——Gallery3D深度解析》 在安卓Android的世界里,源码是开发者探索系统奥秘、提升应用性能、实现个性化定制的关键。本文将深入探讨“Gallery3D”这一组件的源码,帮助读者理解其工作原理,从而在...

    android 4.0 Gallery源码

    Gallery应用作为系统内置的图片查看器,它的源码对于我们理解Android图像处理、UI设计以及性能优化具有极高的学习价值。本文将深入探讨Android 4.0 Gallery源码,揭示其内部的工作机制和设计思想。 1. **架构设计**...

    android gallery 3D效果

    在Android平台上,`Gallery`组件曾经是实现3D滚动效果的一种流行方式,它允许用户以横向滑动的方式浏览图片或项目列表,同时提供了一种视觉上的立体感。然而,随着Android版本的更新,`Gallery`组件在API 16...

    Android Gallery 3D效果

    3. **自定义View**:由于原生的`Gallery`组件在新版本中不再支持3D效果,开发者需要创建一个自定义的`View`或者继承`ViewGroup`,并重写`onDraw()`方法来绘制3D效果。在这个过程中,可能需要用到`Canvas`的旋转方法`...

    android相册3D源码

    通过学习这个源码,开发者不仅可以掌握如何在Android上实现3D相册,还能深入理解Android的图形编程和UI定制,这对于提升Android开发技能大有裨益。同时,对于想要在自己的应用中加入类似功能的开发者来说,这是一个...

    最新android4.0gallery3d源码

    Android 4.0 Gallery3D源码分析 Gallery3D是Android系统中一个经典的3D图像浏览应用,尤其在Android 4.0(冰淇淋三明治)版本中,它提供了流畅且富有视觉冲击力的用户体验。这个源码是开发者深入理解Android 3D图像...

    android gallery3D

    在Android平台上,"android ...总的来说,"android gallery3D" 是一个结合了3D视觉效果、性能优化和用户体验设计的Android应用实例,对于希望学习Android高级图像处理和3D渲染的开发者来说,这是一个值得研究的项目。

Global site tag (gtag.js) - Google Analytics