Android繪制原理之刷新機制

我們都知道,Android是16ms刷新一幀,而通常我們所理解的刷新是“每個view的draw()方法被調用”,所以這里就有一個問題了,Android系統底層每隔16ms就發出一個垂直同步信號,那么是不是每個view的draw()方法都會每個16ms調用一次呢?如果這樣的話系統消耗豈不是非常大?是不是有什么特殊優化手段?

1. 垂直同步信號的使用者——Choreographer

Choreographer是Android4.1和垂直同步信號機制一起引入的,我們都知道垂直同步信號其實是操作系統底層的一種時鐘中斷,那么java層是如何利用這個中斷的呢?主要就是Choreographer這個類來協調接收的。
這里我們不會分析這個類的具體實現,主要簡單的介紹下如何接收底層中斷等一些簡單的用法,便于大家理解后面的知識。

1.1 中斷信號利用原則

由于中斷信號時源源不斷的,所以為了避免濫用中斷信號,原則是:需要接收中斷信號必須向系統注冊一個接收者,下次產生了新的中斷就會回調這個接受者的回調方法。注意,每次注冊只能接收一次中斷,想要繼續接收必須重新注冊。

1.2 中斷信號接收者

首先我們看下這個信號接收者:

public abstract class DisplayEventReceiver {

     //省略其他代碼


    /**
     * Called when a vertical sync pulse is received.
     * The recipient should render a frame and then call {@link #scheduleVsync}
     * to schedule the next vertical sync pulse.
     *
     * @param timestampNanos The timestamp of the pulse, in the {@link System#nanoTime()}
     * timebase.
     * @param builtInDisplayId The surface flinger built-in display id such as
     * {@link SurfaceControl#BUILT_IN_DISPLAY_ID_MAIN}.
     * @param frame The frame number.  Increases by one for each vertical sync interval.
     */
    public void onVsync(long timestampNanos, int builtInDisplayId, int frame) {
    }

 
    /**
     * Schedules a single vertical sync pulse to be delivered when the next
     * display frame begins.
     */
    public void scheduleVsync() {
        if (mReceiverPtr == 0) {
            Log.w(TAG, "Attempted to schedule a vertical sync pulse but the display event "
                    + "receiver has already been disposed.");
        } else {
            nativeScheduleVsync(mReceiverPtr);
        }
    }

    //省略其他方法
}

這里我只列出了兩個方法,onVsync就是中斷會回調的方法,只會回調一次,如果希望接收下一次中斷信號,就要手動調用scheduleVsync()方法。

1.3 Choreographer利用DisplayEventReceiver干了什么

// The display event receiver can only be accessed by the looper thread to which
    // it is attached.  We take care to ensure that we post message to the looper
    // if appropriate when interacting with the display event receiver.
    private final FrameDisplayEventReceiver mDisplayEventReceiver;

Choreographer有一個這樣的成員變量,主要都是通過這個成員變量來接收中斷信號的:

private final class FrameDisplayEventReceiver extends DisplayEventReceiver
            implements Runnable {
        private boolean mHavePendingVsync;
        private long mTimestampNanos;
        private int mFrame;

        public FrameDisplayEventReceiver(Looper looper, int vsyncSource) {
            super(looper, vsyncSource);
        }

        @Override
        public void onVsync(long timestampNanos, int builtInDisplayId, int frame) {
            //省略其他代碼
            mTimestampNanos = timestampNanos;
            mFrame = frame;
            Message msg = Message.obtain(mHandler, this);
            msg.setAsynchronous(true);
            mHandler.sendMessageAtTime(msg, timestampNanos / TimeUtils.NANOS_PER_MS);
        }

        @Override
        public void run() {
            mHavePendingVsync = false;
            doFrame(mTimestampNanos, mFrame);
        }
    }

可以看到,收到中斷信號后向主線程Handler發送了一個消息,其實主要就是為了切換到主線程執行這里的run()方法, 換句話說每次中斷信號來了最終都會回調到doFrame()方法,到了這里,Chogreographer是如何使用中斷信號的就很清楚了,換句話說如果想要接收中斷信號做些什么,我們只需要寫在 doFrame()方法 里就好了。

1.4 如何利用doFrame()方法

現在我們知道了,利用Choreographer能夠達到在垂直中斷信號產生時回調doFrame()方法的目的,那么我們怎么將自己要執行的代碼塞到doFrame()方法中去呢?
我們先看下doFrame()方法的源碼:

void doFrame(long frameTimeNanos, int frame){
       mFrameInfo.markInputHandlingStart();
              //省略其他代碼
            doCallbacks(Choreographer.CALLBACK_INPUT, frameTimeNanos);

             //省略其他代碼
            doCallbacks(Choreographer.CALLBACK_ANIMATION, frameTimeNanos);

             //省略其他代碼
            doCallbacks(Choreographer.CALLBACK_TRAVERSAL, frameTimeNanos);
             //省略其他代碼
            doCallbacks(Choreographer.CALLBACK_COMMIT, frameTimeNanos);
           //省略其他代碼
}

可以看到doFrame()方法其實會執行一系列的callBack回調,我們可以將自己的任務塞到這些callBack中去得到執行,具體如下:

public void  postCallback(int callbackType, Runnable action, Object token) {
        postCallbackDelayed(callbackType, action, token, 0);
    }

通過Choreographer.postCallback()方法,我們就可以讓自己的Runnable在下一次垂直信號產生時得到執行。

2. UI繪制與刷新本質

UI界面的改變核心是一些會影響UI的變量的值的改變,這些值改變后我們接收垂直同步信號,在下一次信號中斷產生時根據新的UI變量重新繪制當前界面即可做到UI的刷新。總結下主要是兩點:

  • UI布局變量的改變
  • 注冊垂直同步信號中斷監聽,在下一次垂直同步信號來臨時重繪界面。

3. UI是如何繪制的

想要在垂直同步信號來臨時重繪界面,我們必須先了解UI到具體如何繪制的。這里我就不再帶領大家一步步探究,而是直接說出結論了。
Android 的ui是按照樹型結構組織的,而這個樹的根節點(DecorView)就是由一個ViewRootImpl持有,UI的樹型遍歷繪制也是由ViewRootImpl發起的。這里我們看下ViewRootImpl是如何調用DecorView的draw()方法的:


draw()調用流程

通過上面的調用圖可以看到關鍵其實是scheduleTraversals()方法,他會通過Choreograpter.postCallback()方法注冊一個回調,該回調能讓整個UI樹在下一次垂直同步信號來臨時得到繪制。

4. 常用的刷新原理

現在我們回過頭來看下我們經常用的刷新方法,主要是requestLayout()和invalidate()方法,這兩個方法都會一直沿著UI樹往上找,最終會調用到ViewRootImpl的scheduleTraversals()方法,這樣就會在下一次垂直同步信號產生時重新繪制整個界面。

5. 結語

本文基本沒有涉及什么代碼,主要是重垂直同步信號的原理入手,宏觀的介紹了UI的繪制與刷新原理,個人理解,如果有誤,懇請指正。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內容

  • android屏幕刷新顯示機制 在一個典型的顯示系統中,一般包括CPU、GPU、屏幕三個部分, CPU負責計算數據...
    朝陽第一帥閱讀 799評論 0 3
  • 1、概述 不論電腦,電視,手機,我們看到的畫面都是由一幀幀的畫面組成的。FPS是圖像領域中的定義,是指畫面每秒傳輸...
    高丕基閱讀 12,140評論 6 34
  • 更新:最近發現該篇文章閱讀的人數挺多,并且也發現了更好的關于Android顯示系統的文章,所以將關于Android...
    htkeepmoving閱讀 9,837評論 0 10
  • 從本篇文章開始,我將對Android比較復雜的圖形系統進行分析,開篇我們先對圖形系統做個概覽,先不對代碼做具體分析...
    Stan_Z閱讀 17,703評論 18 65
  • 晚上我和媽媽看了兒童劇。看的是《歡樂小丑嘉年華》看見了穿各種各樣衣服的小丑,有一個粉色裙子白色頭發還穿著高跟鞋的。...
    麋鹿含閱讀 185評論 0 0