2. 程式人生 > >Android Gallery3d原始碼學習總結（二）——繪製流程drawThumbnails

Android Gallery3d原始碼學習總結（二）——繪製流程drawThumbnails

阿新 • • 發佈：2019-02-04

此函式控制相簿表格頁、相片表格頁、時間分類表格頁的展示，非常重要。以下以相簿表格頁為例進行講解，其他的就舉一反三吧。
準備輸入引數

  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原始碼學習總結（二）——繪製流程drawThumbnails

此函式控制相簿表格頁、相片表格頁、時間分類表格頁的展示，非常重要。以下以相簿表格頁為例進行講解，其他的就舉一反三吧。準備輸入引數 final GridDrawables drawables = mDrawables;         final DisplayList d

Android Gallery3D原始碼學習總結（三）——Cache快取及資料處理流程

第一，在應用程式中有三個執行緒存在：主執行緒（隨activity的宣告週期啟動銷燬）、feed初始化執行緒（進入程式時只執行一次，用於載入相簿初始資訊）、feed監聽執行緒（一直在跑，監聽相簿和相片的變更）。 第二，不考慮CacheService 啟動的主要流程歸納如下： 1

Android MVVM框架學習總結（二）

Android MVVM框架學習總結 4. 資料物件 任何POJO物件都可以用於資料繫結，但是更改POJO物件，並不會引起UI更新。有三種不同的資料更改通知機制：觀察物件，觀察欄位和觀察集合。當其中一個繫結到使用者介面的可觀察的資料物件，觀察到資料

Jsp學習總結（二）

font 返回 dir ica 兩種方法 http 形參 狀態信息 string Jsp腳本中的9大內置對象（都是_jspService()方法中的形參，或者是局部變量）： application：對應javax.servlet.ServletContext實例，代表

springMVC學習總結（二）路徑映射和請求方法限定

根路徑 後臺 mapping oca log alt public mes cti springMVC學習總結（二）路徑映射和請求方法限定 一、路徑映射 無參數的訪問路徑 對springmvc項目的訪問路徑，是由根路徑和子路徑組成；在註解式開發中，根路徑標註在類名之上，子

Linux學習總結（二） 網絡配置-NAT方式靜態IP配置篇

開機啟動 log scrip 分享 如何快速 報錯 網絡服務 重新 查找 一:DHCP 服務驗證 1: 之前我們在裏面已經裝好了centos，當時我們選擇的組網方式為NAT方式，那麽我們怎麽樣如何快速實現虛擬機系統訪問外網呢？能不能直接上網呢，來我們試一下ping baid

JavaSE學習總結（二）——Java語言基礎

默認 ase oid 64位 pac 交互 log 類型 blank 目錄 一、Java程序預覽 1.1、Hello World 1.2、Eclipse使用 1.2.1、項目位置 1.2.2、重置窗口布局 1.2.3、設置字體 1.2.4、修改控制臺字體 1.2.4

ES6學習總結 （二）

直接 fff 中文意思 假設 意思 null strong col 作用 　　　　一：ES6為函數做了哪些擴展 　　　　參數的默認值 　　傳統寫法： function person(n,a){ var name =n || "zhangsan"; var

Android框架原始碼解析之（二）OKhttp

原始碼在：https://github.com/square/okhttp 包實在是太多了，OKhttp核心在這塊https://github.com/square/okhttp/tree/master/okhttp 直接匯入Android Studio中即可。 基本使用：

[學習總結] python語言學習總結 （二）

1.python中的拆包 之前就只寫了*可以是未知數量的引數，**可以傳入未知數量命名引數。這次詳細記下拆包。 def f1(a, *l): print(a) # 不拆包 print(l) # 拆包 print(*l) f2(l)

lisp學習總結（二）-----lisp應該探索發展的方向

現在流行一種語言叫做Clojure，他是lisp直接嫁接到java的結果，但是我就感覺這卻成為lisp的失敗。 因為lisp最強大最有優勢的能力是構造抽象，構造設計思想，而不是執行期以確定的方式執行，硬要拿去真正在一個環境中去執行，那麼它將被限制在一個環境，而是他的應用範圍變窄，比如我想開發作業

1109_Solr學習總結（二）Solr的安裝與配置

Solr學習總結（二）Solr的安裝與配置 接著前一篇，這裡總結下Solr的安裝與配置   　　1．準備 　　　　1．安裝Java8 和 Tomcat9 ，java和tomcat 的安裝這裡不再重複。需要注意的是這兩個的版本相容問題。貌似java8 不支援，tomcat7

多執行緒學習總結（二）

一、多執行緒帶來的問題 （一）活躍性問題 死鎖：兩個執行緒相互等待對方釋放資源 飢餓： 多執行緒併發時優先順序低的執行緒永遠得不到執行；執行緒被永久阻塞在一個等待進入同步塊的狀態；等待的執行緒永遠不被喚醒 活鎖：活鎖指的是任務或者執行者沒有被阻塞，由於某些條件沒有滿足，導致

【安卓本卓】Android系統原始碼篇之（二）Source Insight

Source Insight（以下簡稱SI） 一、SI簡介        SI是一款面向專案開發的程式編輯器和程式碼瀏覽器，它提供了一個檢視將分散在各個地方的程式碼匯合在一起形成一個虛擬的整體，供開發者方便地閱讀和編輯，如下圖所示。它已經持續維護了10多年了，旨在提

spring 原始碼學習筆記（二）事務管理

spring 事務管理會幫我們自動管理資料庫的事務，沒讀原始碼前覺得很神祕，讀了原始碼發現原理還是很簡單的。 本質上還是用的 jdbc 的事務管理。spring 在呼叫某個方法前，判斷是否需要事務，如果需要，則呼叫 con.setAutoCommit(false);//開

9.27 IO流學習總結（二）

在學習IO流之前我們今天先學習了遞迴。 遞迴 遞迴：就是在方法定義中呼叫方法本身的現象。 在使用遞迴時，必須有一個明確的遞迴結束條件，稱為遞迴出口。 下面舉個例子： 1.用遞迴來實現斐波那契額數列，如1，1，2，3，5，8，13…，輸出前20項的和。 publi

MyBatis學習總結（二）——MyBatis核心配置檔案與輸入輸出對映

在上一章中我們學習了《MyBatis學習總結（一）——ORM概要與MyBatis快速起步》，這一章主要是介紹MyBatis核心配置檔案、使用介面+XML實現完整資料訪問、輸入引數對映與輸出結果對映等內容。 一、MyBatis配置檔案概要 MyBatis核心配置檔案在初始化時會被引用，在配置檔案中定義了一些

Java多執行緒程式設計學習總結（二）

  （尊重勞動成果，轉載請註明出處：https://blog.csdn.net/qq_25827845/article/details/84894463冷血之心的部落格） 系列文章： Java多執行緒程式設計學習總結（一） Java多執行緒程式設計學習總結（二） 前

JAVA學習總結（二）

關於面向物件中的異常處理、XML文件、Servlet使用 異常處理 我們在寫程式的時候難免會出現各種錯誤，其中有些是我們可以預見的，有些確實我們無法預見的，而不同的異常情況處理方式也有所不同，這裡我要說的就是利用Exception來處理一些我們在寫程式時可以處理

webpack構建工具學習總結（二）webpack.config.js配置檔案解析

1、新建webpack.config.js檔案配置webpack資訊，新建src資料夾存放原始檔，新建dist資料夾存放打包後的檔案 2、在開始配置之前需要理解四個核心概念：入口（entry）、輸出（output）、loader、外掛（plugins）   1.