dotnet 讀 WPF 源代碼筆記 渲染收集是如何觸發

来源:https://www.cnblogs.com/lindexi/archive/2022/07/19/16492719.html
-Advertisement-
Play Games

一:背景 寫這一篇的目的主要是因為.NET領域內幾本關於闡述GC方面的書,都是純理論,所以懂得人自然懂,不懂得人也沒法親自驗證,這一篇我就用 windbg + 源碼 讓大家眼見為實。 二:為什麼要引入後臺GC 1. 後臺GC到底解決了什麼問題 解決什麼問題得先說有什麼問題,我們知道 阻塞版GC 有一 ...


在 WPF 裡面,渲染可以從架構上劃分為兩層。上層是 WPF 框架的 OnRender 之類的函數,作用是收集應用程式渲染的命令。上層將收集到的應用程式繪製渲染的命令傳給下層,下層是 WPF 的 GFX 層,作用是根據收到的渲染的命令繪製出界面。本文所聊的是渲染上層部分,在 WPF 框架是如何做到界面刷新渲染,包括此調用的順序以及框架邏輯

閱讀本文之前,我期望讀者有一定的 WPF 渲染基礎,以及瞭解 WPF 的大架構。本文不會涉及到任何底層渲染相關的知識。閱讀本文,你將瞭解到依賴屬性和 WPF 渲染層之間的關係

在開始之前,必須明確一點的是,不是所有的 WPF 應用行為,如依賴屬性變更,都會觸發渲染變更。有渲染變更不代表立刻將會觸發界面刷新,從觸發渲染變更到界面刷新,還有以下步驟: 觸發渲染,渲染上層收集應用層的繪製渲染的命令,觸發渲染線程接收繪製渲染的命令,渲染的下層根據繪製渲染的命令進入 DirectX 渲染管線,由 DirectX 完成後續渲染步驟

本文所聊到的僅僅只是以上的觸發渲染,渲染上層收集應用層的繪製渲染的命令這兩個步驟。關於 WPF 渲染部分的大框架還請參閱 WPF 渲染原理

本篇博客基於 WPF 更改 DrawingVisual 的 RenderOpen 用到的對象的內容將持續影響渲染效果 博客進行更深入 WPF 框架源代碼探討

為了能更好說明 WPF 框架的行為,本文開始先介紹一個測試代碼用來測試 WPF 的行為

在本文實際開始之前,還請大家思考一個問題,在 WPF 中,調用 DrawingVisual 的 RenderOpen 方法返回的 DrawingContext 對象裡面,傳入的參數的屬性值影響渲染結果,是一次性的,還是持續的?什麼是一次性的,什麼是持續的?換個問法是如果傳入的值在 DrawingContext 關閉之後,變更屬性,此時是否還會影響到渲染結果。答案的是或否就決定了 WPF 底層的實現行為,是否在 DrawingContext 關閉的時候,就直接觸發渲染模塊,或者就取出了傳入的值的數據,斷開和傳入值之間的影響。如下麵最簡單的代碼

            var drawingVisual = new DrawingVisual();
            var translateTransform = new TranslateTransform();
            using (var drawingContext = drawingVisual.RenderOpen())
            {
                drawingContext.PushTransform(translateTransform);

                var rectangleGeometry = new RectangleGeometry(new Rect(0, 0, 10, 10));
                drawingContext.DrawGeometry(Brushes.Red, null, rectangleGeometry);

                drawingContext.Pop();
            }

            SetTranslateTransform(translateTransform);

        private async void SetTranslateTransform(TranslateTransform translateTransform)
        {
            while (true)
            {
                translateTransform.X++;

                await Task.Delay(TimeSpan.FromMilliseconds(10));
            }
        }

以上代碼在 SetTranslateTransform 函數裡面,不斷修改 TranslateTransform 的屬性,是否還會影響到 DrawingVisual 的渲染效果?帶著這個問題,進入到本文的開始

眾所周知,只有在渲染收集觸發的時候,才會收集應用層的渲染數據。以 TranslateTransform 為例,在更改 TranslateTransform 的 X 或 Y 屬性的值的時候,如果沒有給此 TranslateTransform 對象建立直接渲染關係,也就是 Freezable 的 AddSingletonContext 方法沒有被傳入渲染的直接元素聯繫的時候,對屬性值的更改只是和更改 CLR 自動屬性一樣,不會有任何的通知和變更。也就是說在 TranslateTransform 對象想要影響到最終界面渲染,需要被動在渲染收集時,才會更新數據

class Freezable
{
        private void AddSingletonContext(DependencyObject context, DependencyProperty property)
        {
            // 忽略建立聯繫代碼,這裡面比較繞。核心邏輯就是取出 context 裡面的 SingletonHandler 委托
            // 以上的 context 是 RenderData 類型。此 SingletonHandler 委托將會在繼承 Freezable 的類型的依賴屬性變更的時候,支持被調用
            // 對於建立直接聯繫的對象,如存放在 UIElement 上的 TranslateTransform 屬性,此時的 SingletonHandler 對象就是由 UIElement 發起的訂閱
        }
}

如在 WPF 更改 DrawingVisual 的 RenderOpen 用到的對象的內容將持續影響渲染效果 博客所聊到的實現方式,通過在 DrawingVisual 裡面設置一個 TranslateTransform 對象,再將 DrawingVisual 放入到 UIElement 裡面。如此行為將讓 TranslateTransform 無法和 UIElement 建立直接的聯繫。以上進入 AddSingletonContext 函數將傳入的是屬於 DrawingVisual 的 RenderData 對象,這就意味著當 TranslateTransform 的屬性變更時,僅僅只能通知到 DrawingVisual 對象,而不能通知到更上層的 UIElement 對象

這完全取決於此應用代碼的實現,為了讓大家不需要在兩篇博客之間來回跳,以下給出用到 WPF 更改 DrawingVisual 的 RenderOpen 用到的對象的內容將持續影響渲染效果 博客的核心代碼

以下是一個繼承 UIElement 的 Foo 類

    class Foo : UIElement
    {
        public Foo()
        {
            var drawingVisual = new DrawingVisual();
            var translateTransform = new TranslateTransform();
            using (var drawingContext = drawingVisual.RenderOpen())
            {
                var rectangleGeometry = new RectangleGeometry(new Rect(0, 0, 10, 10));

                drawingContext.PushTransform(translateTransform);

                drawingContext.DrawGeometry(Brushes.Red, null, rectangleGeometry);

                drawingContext.Pop();
            }

            Visual = drawingVisual;

            SetTranslateTransform(translateTransform);
        }

        private async void SetTranslateTransform(TranslateTransform translateTransform)
        {
            while (true)
            {
                translateTransform.X++;

                if (translateTransform.X > 700)
                {
                    translateTransform.X = 0;
                }

                await Task.Delay(TimeSpan.FromMilliseconds(10));
            }
        }

        protected override Visual GetVisualChild(int index) => Visual;
        protected override int VisualChildrenCount => 1;

        private Visual Visual { get; }
    }

以下是使用此 Foo 的 xaml 代碼

    <Grid>
        <local:Foo x:Name="Foo"></local:Foo>
    </Grid>

以上就是本文所有用到的測試輔助的代碼

為了更好瞭解 WPF 框架的底層行為,以上代碼被我放入到我私有的 WPF 倉庫中,作為 WPF 倉庫裡面的 demo 的代碼。可以從 github 獲取本文以上測試代碼,獲取代碼之後,請將 WPFDemo 作為啟動項目

以上就是本文構建的測試邏輯。下麵將回到主題部分

從 TranslateTransform 屬性影響界面邏輯渲染入手,在變更 TranslateTransform 屬性時,將因為沒有和 Foo 此 UIElement 建立直接的邏輯關係,同時所在的 DrawingVisual 也沒有在 Foo 裡面被調用 AddVisualChild 方法而加入到可視化樹(視覺樹)上,因此 TranslateTransform 屬性的變更無法通知到 WPF 佈局層

更好利用此特性來測試 WPF 框架層的行為。在此先回答一個問題,為什麼不通過靜態代碼閱讀瞭解框架的行為?原因是 WPF 框架太過龐大,我在靜態代碼閱讀過程將受限於記憶而無法從全局把握 WPF 框架邏輯。因此更多的是需要靠測試代碼來瞭解 WPF 框架的邏輯

在 Dispatcher 對象裡面,從 VisualStudio 的調試視窗可以看到有沒有開放的幾個 Reserved 屬性,其中一項就是專門給 MediaContext 所使用。如命名,此 MediaContext 類型就是 WPF 渲染上層的渲染上下文,依靠此渲染上下文可以用來控制 WPF 的多媒體(渲染)層的行為

在 WPF 框架裡面可以隨處見到從 Dispatcher 裡面獲取 MediaContext 對象的代碼

MediaContext mctx = MediaContext.From(dispatcher);

從眾多的(不包括動畫)觸發渲染進入之後,都會彙總到 MediaContext 的 PostRender 方法。此方法是給 Dispatcher 傳遞一個渲染消息,也就是優先順序為 Render 的 RenderMessage 任務。以下是有刪減的 PostRender 方法代碼

        internal void PostRender()
        {
        	// 如果當前沒有在進入渲染狀態,那麼開始觸發渲染消息
            if (!_isRendering)
            {
                if (_currentRenderOp != null)
                {
                    // 如果已有渲染消息在消息隊列里,那麼更改優先順序確保是 Render 優先順序。此渲染消息將會很快被調度
                    // If we already have a render operation in the queue, we should
                    // change its priority to render priority so it happens sooner.
                    _currentRenderOp.Priority = DispatcherPriority.Render;
                }
                else
                {
                    // 如果還沒有渲染消息,那麼給 Dispatcher 傳入優先順序為 Render 的渲染消息
                    // If we don't have a render operation in the queue, add one at
                    // render priority.
                    _currentRenderOp = Dispatcher.BeginInvoke(DispatcherPriority.Render, _renderMessage, null);
                }
            }
        }

以上代碼的 _renderMessage 就是具體的執行渲染消息,定義如下

        internal MediaContext(Dispatcher dispatcher)
        {
             _renderMessage = new DispatcherOperationCallback(RenderMessageHandler);
        }

private DispatcherOperationCallback _renderMessage;

歪樓一下,在 WPF 裡面,通用的調度使用的委托都是 DispatcherOperationCallback 類型,使用此類型是為了性能考慮。在 Dispatcher 的 WrappedInvoke 方法裡面,將會通過 as 判斷當前傳入的 Delegate 委托類型。使用框架內置的 Action 和 DispatcherOperationCallback 等類型,可以使用明確類型的委托調用,而不需要使用 DynamicInvoke 調用委托來提升性能。詳細請看 github 上大佬的更改 內容

通過以上代碼可以瞭解到渲染消息的在於 MediaContext 的 RenderMessageHandler 方法裡面。此方法將會被 Dispatcher 使用 Render 優先順序進行調用,也會被各個模塊觸發渲染時加入 Dispatcher 隊列

            private object RenderMessageHandler(
              object resizedCompositionTarget /* can be null if we are not resizing*/
            )
            {
                 // 忽略調試用的邏輯 
                 RenderMessageHandlerCore(resizedCompositionTarget);
            }

接著在 RenderMessageHandlerCore 裡面將會層層調用,調用到 Render 方法。此方法實現以下功能

  • 渲染每個註冊的 ICompositionTarget 以完成批處理。 渲染都是一批批處理的
  • 更新收集的渲染數據
  • 將收集到的數據提交給下層渲染

核心的步驟就是在 更新收集的渲染數據 這一步。這裡也就能解答 WPF 的渲染收集是如何觸發的

在 更新收集的渲染數據 裡面的實現代碼如下

        private void RaiseResourcesUpdated()
        {
            if (_resourcesUpdatedHandlers != null)
            {
                DUCE.ChannelSet channelSet = GetChannels();
                _resourcesUpdatedHandlers(channelSet.Channel, false /* do not skip the "on channel" check */);
                _resourcesUpdatedHandlers = null;
            }
        }

這裡的 _resourcesUpdatedHandlers 是委托,在各個資源,如 TranslateTransform 都會註冊到 MediaContext 里,也就是在這一層可以讓資源可以收到渲染更新的消息

如在 TranslateTransform 的基類 Animatable 裡面,就在 RegisterForAsyncUpdateResource 方法註冊,代碼如下

        internal void RegisterForAsyncUpdateResource()
        {
            MediaContext mediaContext = MediaContext.From(Dispatcher);

            if (!resource.GetHandle(mediaContext.Channel).IsNull)
            {
                mediaContext.ResourcesUpdated += new MediaContext.ResourcesUpdatedHandler(UpdateResource);
            }
        }

如上文,在 WPF 框架裡面,可以非常方便從 Dispatcher 拿到 MediaContext 對象,從而也很方便加上 ResourcesUpdated 委托

在此 ResourcesUpdated 事件觸發的時候,就需要各個資源向 DUCE.Channel 寫入資源的數據,讓下層渲染使用。如 TranslateTransform 的實現代碼

        internal override void UpdateResource(DUCE.Channel channel, bool skipOnChannelCheck)
        {
            if (skipOnChannelCheck || _duceResource.IsOnChannel(channel))
            {
                base.UpdateResource(channel, skipOnChannelCheck);
                DUCE.MILCMD_TRANSLATETRANSFORM data;
                unsafe
                {
                    data.Type = MILCMD.MilCmdTranslateTransform;
                    data.Handle = _duceResource.GetHandle(channel);
                    data.X = X;
                    data.Y = Y;

                    channel.SendCommand(
                        (byte*)&data,
                        sizeof(DUCE.MILCMD_TRANSLATETRANSFORM));
                }
            }
        }

回到本文開始的問題,在 WPF 調用 DrawingContext 的關閉時,此時不會立刻執行界面渲染邏輯。此時離實際的界面渲染還很遠,需要先通知到 MediaContext 將渲染消息加入到 Dispatcher 隊列。等待 Dispatcher 的調度,接著進入 MediaContext 的層層 Render 方法,再由 Render 方法觸發資源收集更新的事件,依靠監聽事件讓各個資源向 Channel 寫入資源的當前狀態信息。最後告訴下層渲染,批量收集渲染數據完成,可以開始執行下層渲染邏輯

更多渲染相關博客請看 渲染相關

博客園博客只做備份,博客發佈就不再更新,如果想看最新博客,請到 https://blog.lindexi.com/

知識共用許可協議
本作品採用知識共用署名-非商業性使用-相同方式共用 4.0 國際許可協議進行許可。歡迎轉載、使用、重新發佈,但務必保留文章署名[林德熙](http://blog.csdn.net/lindexi_gd)(包含鏈接:http://blog.csdn.net/lindexi_gd ),不得用於商業目的,基於本文修改後的作品務必以相同的許可發佈。如有任何疑問,請與我[聯繫](mailto:[email protected])。
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、 序言 今天用Python來試試,對一個文件裡面的英文單詞數量進行快速統計,告別傳統計數方式。 目標文件 我也不知道多少個,瞎複製的~ 二、涉及知識點 文件讀寫 基礎語法 字元串分割 三、代碼實踐 首先我們創建一個Python文件 導入我們需要用到的模塊 import platform # 我給 ...
  • 前言 嗨嘍~大家好呀,這裡是魔王吶 在前一章:讓我們用python來採集數據看看找工作都要會什麼吧~ 我們講瞭如何採集zhaopin網站數據,現在~ 我們來把數據可視化,更好的查看在自己領域最需的技術是什麼~ 下麵,我們直接上代碼~ 代碼提供者:青燈教育-自游老師 代碼 import pandas ...
  • 1、文件Auto_update_data,需要處理的映射基礎數據 #定義需要導入的映射數據 #以字典進行定義 [公司類目id : 平臺類目id] #d = {key1 : value1, key2 : value2, key3 : value3 } ap_category_relation_data ...
  • Python3的列表推導式、字典推導式、集合推導式和元組推導式,以及相應習題 ...
  • 1 MySQL總體架構介紹 1.1 MySQL總體架構介紹 引言 MySQL是一個關係型資料庫 應用十分廣泛 在學習任何一門知識之前 對其架構有一個概括性的瞭解是非常重要的 比如索引、sql是在哪個地方執行的 流程是什麼樣的 今天我們就先來學習一下MySQL的總體架構 總的來說:MySQL架構是一個 ...
  • 天坑 遇到的問題:使用命令行執行命令:java EightSample,會報以下錯誤 錯誤: 找不到或無法載入主類 EightSample 運行環境 mac系統 IntelliJ IDEA編譯器 Java 1.8 首先保證了Java環境變數和版本都是沒問題的 然後保證已經執行了以下命令,生成了.cl ...
  • 背景 工作需要配置多個環境,用於 開發Development、預覽Staging、生產Production。 參考文獻: 微軟官方文檔-配置 開始 .NetCore對多環境有很好的支持,預設會讀取appsettings.{Environment}.json。 例如,appsettings.Produ ...
  • 一般情況下,在Word中添加文字水印僅支持添加一個文本字樣的水印,但在複雜的辦公環境中,由於對不同文檔的設計要求,需要在Word文檔中添加平鋪水印效果,即文檔中的水印文字以多行多列分佈的形式存在。本文將介紹如何來實現該水印效果的方法,下麵是詳細步驟及方法。 dll引用 通過 NuGet 引入dll( ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...