Android Gallery3d源码学习总结（一）——绘制流程drawFocusItems

三里屯摇滚

Android Gallery3d源码学习总结（一）——绘制流程drawFocusItems

显示单张图片相关的输入变量

1. 1.int selectedSlotIndex = mSelectedSlot;
   
2. 
   
3. 2.        GridDrawables drawables = mDrawables;
   
4. 
   
5. 3.        GridCamera camera = mCamera;
   
6. 
   
7. 4.        DisplayItem[] displayItems = mDisplayItems;
   
8. 
   
9. 5.        int firstBufferedVisibleSlot = mBufferedVisibleRange.begin;
   
10. 
    
11. 6.        int lastBufferedVisibleSlot = mBufferedVisibleRange.end;
    
12. 
    
13. 7.        boolean isCameraZAnimating = mCamera.isZAnimating();
    
14. 复制代码

复制代码

删除当前选中槽位前后2步之外的大缩略图

1. 
   
2. 1.for (int i = firstBufferedVisibleSlot; i <= lastBufferedVisibleSlot; ++i) {
   
3. 
   
4. 2.            if (selectedSlotIndex != Shared.INVALID && (i >= selectedSlotIndex - 2 && i <= selectedSlotIndex + 2)) {
   
5. 
   
6. 3.                continue;
   
7. 
   
8. 4.            }
   
9. 
   
10. 5.            DisplayItem displayItem = displayItems[(i - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT];
    
11. 
    
12. 6.            if (displayItem != null) {
    
13. 
    
14. 7.                displayItem.clearScreennailImage();
    
15. 
    
16. 8.            }
    
17. 
    
18. 9.        }
    
19. 复制代码

复制代码

得到当前图片的DispalyItem元素

1. 
   
2. 1.int centerIndexInDrawnArray = (selectedSlotIndex - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT;
   
3. 
   
4. 2.            if (centerIndexInDrawnArray < 0 || centerIndexInDrawnArray >= displayItems.length) {
   
5. 
   
6. 3.                return;
   
7. 
   
8. 4.            }
   
9. 
   
10. 5.            DisplayItem centerDisplayItem = displayItems[centerIndexInDrawnArray];
    
11. 
    
12. 6.            if (centerDisplayItem == null || centerDisplayItem.mItemRef.mId == Shared.INVALID) {
    
13. 
    
14. 7.                return;
    
15. 
    
16. 8.            }
    
17. 复制代码

复制代码

判断大缩略图是否加载完成

1. 1.boolean focusItemTextureLoaded = false;
   
2. 
   
3. 2.            Texture centerTexture = centerDisplayItem.getScreennailImage(view.getContext());
   
4. 
   
5. 3.            if (centerTexture != null && centerTexture.isLoaded()) {
   
6. 
   
7. 4.                focusItemTextureLoaded = true;
   
8. 
   
9. 5.            }
   
10. 复制代码

复制代码

是否跳过当前图片前一张图片

1. 
   
2. 1.float camX = camera.mLookAtX * camera.mScale;
   
3. 
   
4. 2.float centerTranslateX = centerDisplayItem.mAnimatedPosition.x;
   
5. 
   
6. 3.            final boolean skipPrevious = centerTranslateX < camX;
   
7. 复制代码

复制代码

开启opengl混合模式并设置混合函数

1. 
   
2. 1.gl.glEnable(GL11.GL_BLEND);
   
3. 
   
4. 2.            gl.glBlendFunc(GL11.GL_ONE, GL11.GL_ONE);
   
5. 复制代码

复制代码

循环遍历前中后三幅图片分别进行“核心绘制处理”

1. 1.for (int i = -1; i <= 1; ++i) {
   
2. 
   
3. 2.                if (slideshowMode && timeElapsedSinceView > 1.0f && i != 0)
   
4. 
   
5. 3.                    continue;
   
6. 
   
7. 4.。。。
   
8. 
   
9. 5.}
   
10. 复制代码

复制代码

核心绘制处理——输入变量准备

1. 1.if (slideshowMode && timeElapsedSinceView > 1.0f && i != 0)
   
2. 
   
3. 2.                    continue;
   
4. 
   
5. 3.                float viewAspect = camera.mAspectRatio;
   
6. 
   
7. 4.                int selectedSlotToUse = selectedSlotIndex + i;
   
8. 
   
9. 5.                if (selectedSlotToUse >= 0 && selectedSlotToUse <= lastBufferedVisibleSlot) {
   
10. 
    
11. 6.                    int indexInDrawnArray = (selectedSlotToUse - firstBufferedVisibleSlot) * GridLayer.MAX_ITEMS_PER_SLOT;
    
12. 
    
13. 7.                    if (indexInDrawnArray < 0 || indexInDrawnArray >= displayItems.length) {
    
14. 
    
15. 8.                        return;
    
16. 
    
17. 9.                    }
    
18. 
    
19. 10.                    DisplayItem displayItem = displayItems[indexInDrawnArray];
    
20. 
    
21. 11.                    MediaItem item = displayItem.mItemRef;
    
22. 
    
23. 12.                    final Texture thumbnailTexture = displayItem.getThumbnailImage(view.getContext(), sThumbnailConfig);
    
24. 
    
25. 13.                    Texture texture = displayItem.getScreennailImage(view.getContext());
    
26. 复制代码

复制代码

在幻灯模式下且超过1秒的切换时间无须显示前后两张图片；
得到视角和当前displayItem、对应媒体对象、小缩略图材质、大缩略图材质。
加载高质量的材质资源

1. 1.if (isCameraZAnimating && (texture == null || !texture.isLoaded())) {
   
2. 
   
3. 2.                        texture = thumbnailTexture;
   
4. 
   
5. 3.                        mSelectedMixRatio.setValue(0f);
   
6. 
   
7. 4.                        mSelectedMixRatio.animateValue(1f, 0.75f, view.getFrameTime());
   
8. 
   
9. 5.                    }
   
10. 
    
11. 6.                    Texture hiRes = (zoomValue != 1.0f && i == 0 && item.getMediaType() != MediaItem.MEDIA_TYPE_VIDEO) ? displayItem
    
12. 
    
13. 7.                            .getHiResImage(view.getContext())
    
14. 
    
15. 8.                            : null;
    
16. 
    
17. 9.                    if (Gallery.PIXEL_DENSITY > 1.0f) {
    
18. 
    
19. 10.                        hiRes = texture;
    
20. 
    
21. 11.                    }
    
22. 
    
23. 12.                    if (i != 0) {
    
24. 
    
25. 13.                        displayItem.clearHiResImage();
    
26. 
    
27. 14.                    }
    
28. 
    
29. 15.                    if (hiRes != null) {
    
30. 
    
31. 16.                        if (!hiRes.isLoaded()) {
    
32. 
    
33. 17.                            view.bind(hiRes);
    
34. 
    
35. 18.                            view.prime(hiRes, true);
    
36. 
    
37. 19.                        } else {
    
38. 
    
39. 20.                            texture = hiRes;
    
40. 
    
41. 21.                        }
    
42. 
    
43. 22.                    }
    
44. 复制代码

复制代码

如果Camera正在拉远或拉近，且大缩略图材质为空或未加载完成，则选择小缩略图作为材质，将当前图片的“大缩略图混合比例”变量进行初始化（目标值为1秒，渐变时间为0.75秒，渐变开始时间为当前帧时间）。
如果处于放大状态，则加载原图hiRes，加载成功后赋值给材质变量texture；并清除前后图片的原图。
加载材质

1. 
   
2. 1.final Texture fsTexture = texture;
   
3. 
   
4. 2.                    if (texture == null || !texture.isLoaded()) {
   
5. 
   
6. 3.                        if (Math.abs(centerTranslateX - camX) < 0.1f) {
   
7. 
   
8. 4.                            if (focusItemTextureLoaded && i != 0) {
   
9. 
   
10. 5.                                view.bind(texture);
    
11. 
    
12. 6.                            }
    
13. 
    
14. 7.                            if (i == 0) {
    
15. 
    
16. 8.                                view.bind(texture);
    
17. 
    
18. 9.                                view.prime(texture, true);
    
19. 
    
20. 10.                            }
    
21. 
    
22. 11.                        }
    
23. 
    
24. 12.                        texture = thumbnailTexture;
    
25. 
    
26. 13.                        if (i == 0) {
    
27. 
    
28. 14.                            mSelectedMixRatio.setValue(0f);
    
29. 
    
30. 15.                            mSelectedMixRatio.animateValue(1f, 0.75f, view.getFrameTime());
    
31. 
    
32. 16.                        }
    
33. 
    
34. 17.                    }
    
35. 复制代码

复制代码

保留当前的最佳材质，
如果此材质加载未完成，则继续按优先级加载，并把小缩略图（基本上都已经加载成功了）设置为当前材质；
最佳材质未加载完成之前，替换渐变不会开始。
无须绘制

1. 1.if (mCamera.isAnimating() || slideshowMode) {
   
2. 
   
3. 2.                        if (!slideshowMode && skipPrevious && i == -1) {
   
4. 
   
5. 3.                            continue;
   
6. 
   
7. 4.                        }
   
8. 
   
9. 5.                        if (!skipPrevious && i == 1) {
   
10. 
    
11. 6.                            continue;
    
12. 
    
13. 7.                        }
    
14. 
    
15. 8.                    }
    
16. 
    
17. 9.                    int theta = (int) displayItem.getImageTheta();
    
18. 复制代码

复制代码

如果相机缩放过程中，非幻灯片模式下且镜头中不需要展示前一张的情况下，无须处理前一张；
如果相机缩放或幻灯片绘制过程中，需要展示前一张的情况下，无须处理后一张。
处理前后渐变绘制

1. 
   
2. 1.// If it is in slideshow mode, we draw the previous item in
   
3. 
   
4. 2.                    // the next item's position.
   
5. 
   
6. 3.                    if (slideshowMode && timeElapsedSinceView < 1.0f && timeElapsedSinceView != 0) {
   
7. 
   
8. 4.                        if (i == -1) {
   
9. 
   
10. 5.                            int nextSlotToUse = selectedSlotToUse + 1;
    
11. 
    
12. 6.                            if (nextSlotToUse >= 0 && nextSlotToUse <= lastBufferedVisibleSlot) {
    
13. 
    
14. 7.                                int nextIndexInDrawnArray = (nextSlotToUse - firstBufferedVisibleSlot)
    
15. 
    
16. 8.                                        * GridLayer.MAX_ITEMS_PER_SLOT;
    
17. 
    
18. 9.                                if (nextIndexInDrawnArray >= 0 && nextIndexInDrawnArray < displayItems.length) {
    
19. 
    
20. 10.                                    float currentImageTheta = displayItem.mAnimatedImageTheta;
    
21. 
    
22. 11.                                    displayItem = displayItems[nextIndexInDrawnArray];
    
23. 
    
24. 12.                                    backupImageTheta = displayItem.mAnimatedImageTheta;
    
25. 
    
26. 13.                                    displayItem.mAnimatedImageTheta = currentImageTheta;
    
27. 
    
28. 14.                                    view.setAlpha(1.0f - timeElapsedSinceView);
    
29. 
    
30. 15.                                }
    
31. 
    
32. 16.                            }
    
33. 
    
34. 17.                        } else if (i == 0) {
    
35. 
    
36. 18.                            displayItem.mAnimatedImageTheta = backupImageTheta;
    
37. 
    
38. 19.                            view.setAlpha(timeElapsedSinceView);
    
39. 
    
40. 20.                        }
    
41. 
    
42. 21.                    }
    
43. 复制代码

复制代码

如果处于幻灯片模式中 渐变过程中，处理上一幅相片时找到它的下一个DispalyItem，处理本张相片则直接使用当前DispalyItem，为的是同样找到当前DisplayItem，并绑定上一张相片和本张相片，两张相片透明度互补达到渐变的效果。
绘制小大缩略图渐变过程-小缩略图

1. 1.int vboIndex = i + 1;
   
2. 
   
3. 2.                        float alpha = view.getAlpha();
   
4. 
   
5. 3.                        float selectedMixRatio = mSelectedMixRatio.getValue(view.getFrameTime());
   
6. 
   
7. 4.                        if (selectedMixRatio != 1f) {
   
8. 
   
9. 5.                            texture = thumbnailTexture;
   
10. 
    
11. 6.                            view.setAlpha(alpha * (1.0f - selectedMixRatio));
    
12. 
    
13. 7.                        }
    
14. 
    
15. 8.                        GridQuad quad = GridDrawables.sFullscreenGrid[vboIndex];
    
16. 
    
17. 9.                        float u = texture.getNormalizedWidth();
    
18. 
    
19. 10.                        float v = texture.getNormalizedHeight();
    
20. 
    
21. 11.                        float imageWidth = texture.getWidth();
    
22. 
    
23. 12.                        float imageHeight = texture.getHeight();
    
24. 
    
25. 13.                        boolean portrait = ((theta / 90) % 2 == 1);
    
26. 
    
27. 14.                        if (portrait) {
    
28. 
    
29. 15.                            viewAspect = 1.0f / viewAspect;
    
30. 
    
31. 16.                        }
    
32. 
    
33. 17.                        quad.resizeQuad(viewAspect, u, v, imageWidth, imageHeight);
    
34. 
    
35. 18.                        quad.bindArrays(gl);
    
36. 
    
37. 19.                        
    
38. 
    
39. 20.                        drawDisplayItem(view, gl, displayItem, texture, PASS_FOCUS_CONTENT, null, 0.0f);
    
40. 
    
41. 21.                        quad.unbindArrays(gl);
    
42. 复制代码

复制代码

绘制小缩略图，请注意：selectedMixRatio表示大缩略图的绘制透明度，小缩略图的自然就是1.0f - selectedMixRatio。
绘制小大缩略图渐变过程-大缩略图

1. 1.if (selectedMixRatio != 0.0f && selectedMixRatio != 1.0f) {
   
2. 
   
3. 2.                            texture = fsTexture;
   
4. 
   
5. 3.                            if (texture != null) {
   
6. 
   
7. 4.                                float drawAlpha = selectedMixRatio;
   
8. 
   
9. 5.                                view.setAlpha(alpha * drawAlpha);
   
10. 
    
11. 6.                                u = texture.getNormalizedWidth();
    
12. 
    
13. 7.                                v = texture.getNormalizedHeight();
    
14. 
    
15. 8.                                imageWidth = texture.getWidth();
    
16. 
    
17. 9.                                imageHeight = texture.getHeight();
    
18. 
    
19. 10.                                quad.resizeQuad(viewAspect, u, v, imageWidth, imageHeight);
    
20. 
    
21. 11.                                quad.bindArrays(gl);
    
22. 
    
23. 12.                                drawDisplayItem(view, gl, displayItem, fsTexture, PASS_FOCUS_CONTENT, null, 1.0f);
    
24. 
    
25. 13.                                quad.unbindArrays(gl);
    
26. 
    
27. 14.                            }
    
28. 
    
29. 15.                        }
    
30. 复制代码

复制代码

更新当前图片长宽数据

1. 1.if (i == 0 || slideshowMode) {
   
2. 
   
3. 2.                            mCurrentFocusItemWidth = quad.getWidth();
   
4. 
   
5. 3.                            mCurrentFocusItemHeight = quad.getHeight();
   
6. 
   
7. 4.                            if (portrait) {
   
8. 
   
9. 5.                                // Swap these values.
   
10. 
    
11. 6.                                float itemWidth = mCurrentFocusItemWidth;
    
12. 
    
13. 7.                                mCurrentFocusItemWidth = mCurrentFocusItemHeight;
    
14. 
    
15. 8.                                mCurrentFocusItemHeight = itemWidth;
    
16. 
    
17. 9.                            }
    
18. 
    
19. 10.                        }

复制代码

复制代码
绘制视频元素

1. 1.view.setAlpha(alpha);
   
2. 
   
3. 2.                        if (item.getMediaType() == MediaItem.MEDIA_TYPE_VIDEO) {
   
4. 
   
5. 3.                            // The play graphic overlay.
   
6. 
   
7. 4.                            GridDrawables.sVideoGrid.bindArrays(gl);
   
8. 
   
9. 5.                            drawDisplayItem(view, gl, displayItem, drawables.mTextureVideo, PASS_VIDEO_LABEL, null, 0);
   
10. 
    
11. 6.                            GridDrawables.sVideoGrid.unbindArrays(gl);
    
12. 
    
13. 7.                        }

复制代码

我是软件狂

谢谢分享