Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:00 - 0:02
    嗨 你們好嗎?
  • 0:02 - 0:03
    謝謝柯特的介紹
  • 0:03 - 0:05
    我現在很開心可以加入討論
  • 0:05 - 0:08
    如何協助開發人員
    改善過度繪製問題
  • 0:08 - 0:09
    如果你想要跟著我一起探討
  • 0:09 - 0:13
    首先你要點擊導師註記裡的連結
    去下載編碼範例
  • 0:13 - 0:16
    好了 我們現在進入編碼範例APP
  • 0:16 - 0:20
    現在想像你剛寫完一個聊天APP的程序
  • 0:20 - 0:23
    而你想要看看在過度繪製上表現如何
  • 0:24 - 0:27
    你第一件要做的事情
  • 0:27 - 0:28
    就是蒐集資料看看APP的性能表現
  • 0:28 - 0:31
    這時你可以開啟你手機上的
  • 0:31 - 0:32
    GPU過度繪製設定
  • 0:32 - 0:36
    你會在系統開發人員選項
    找到此設定
  • 0:36 - 0:37
    就像這樣
  • 0:41 - 0:43
    好了 開啟了
  • 0:43 - 0:44
    現在回到我們的聊天APP
  • 0:44 - 0:49
    糟了 有沒有看到這些過度繪製的地方?
  • 0:49 - 0:52
    你會希望降低這種情況
    特別是紅色區塊
  • 0:52 - 0:55
    提醒你一下這些顏色個別代表的意義
  • 0:58 - 1:00
    好 可以開始動手了嗎?
  • 1:01 - 1:03
    我們潛入使用者介面
    看看它是怎麼寫出來的
  • 1:03 - 1:05
    再來看看有哪些地方
    可以改善過度繪製問題
  • 1:06 - 1:08
    就像柯特提到的
  • 1:08 - 1:12
    改善過度繪製其中一個方法
    就是刪除不必要的背景與繪圖
  • 1:12 - 1:13
    來試試看吧
  • 1:14 - 1:17
    我們把Chatum改善成這樣如何?
  • 1:20 - 1:23
    我們必須按部就班來改善這個問題
  • 1:23 - 1:26
    舉例來說
    有沒有看到Chatum背景中
  • 1:26 - 1:29
    這個綠色或2X的重複繪製問題?
  • 1:29 - 1:30
    怎麼會這樣呢?
  • 1:30 - 1:33
    原來Chatum的基礎介面使用的畫格版面
  • 1:33 - 1:37
    是個覆蓋整個螢幕 且不透明的白色背景
  • 1:37 - 1:40
    我們喜歡這樣的設計
    但它與安卓預設的Material主題發生衝突
  • 1:40 - 1:43
    特別是視窗背景繪圖
  • 1:43 - 1:45
    這將產生不必要的過度繪製
  • 1:45 - 1:49
    身為開發人員
    我們有個設計問題要解決
  • 1:49 - 1:51
    假設我們希望保留這個白色背景
  • 1:51 - 1:54
    也就代表Material主題沒有存在意義
  • 1:55 - 1:58
    所以一個優化的作法
  • 1:58 - 2:00
    是將我們介面的背景繪圖設為無效值
  • 2:00 - 2:02
    現在我來示範如何在編碼完成這件事
  • 2:02 - 2:07
    在Chatum的基礎介面裡
    我們來看看onCreate作法
  • 2:07 - 2:09
    寫下以下的編碼來將背景設為無效
  • 2:11 - 2:12
    好了 漂亮
  • 2:12 - 2:15
    將背景設為無效值後
    我們成功將綠色變成藍色
  • 2:15 - 2:20
    也就是將重複繪製降到1X
    漂亮
  • 2:21 - 2:23
    剛剛這是程式上的改變
  • 2:23 - 2:27
    現在我們來看看XML標記裡面
    有沒有哪裡可以做調整
  • 2:27 - 2:31
    你應該已經發現Chatum使用介面
  • 2:31 - 2:32
    有三個XML檔案
  • 2:33 - 2:37
    包含Chatum
    Latinum的基礎介面...
  • 2:37 - 2:42
    聊天分段 (fragment_chats)
    及聊天項目 (chat_item)
  • 2:45 - 2:47
    如之前提到過
  • 2:47 - 2:49
    我們刻意想保持這邊的白色背景
  • 2:50 - 2:52
    所以我們不要移除任何東西
  • 2:52 - 2:56
    但也許其餘兩個XML檔案
    會有可以調整的空間
  • 2:56 - 2:57
    這就是我需要你幫忙的地方
  • 2:59 - 3:01
    幫我仔細看看剩下的XML檔案
  • 3:01 - 3:05
    有沒有哪些不必要的背景可以移除
  • 3:05 - 3:06
    當你完成後
  • 3:06 - 3:08
    在這個空格輸入你刪除的背景次數
  • 3:10 - 3:12
    如果你遇到問題 不用擔心
  • 3:12 - 3:13
    直接跳到解答即可
Title:
02-06 Visualize_and_Fix_Overdraw_-_Quiz
Description:

02-06 Visualize_and_Fix_Overdraw_-_Quiz

more » « less
Video Language:
English
Team:
Udacity
Project:
ud825 - Android Performance
Duration:
03:14

Chinese, Traditional subtitles

Revisions