1. 程式人生 > >通過一個實際例子學習SAP UI5的控制元件繪製和渲染

通過一個實際例子學習SAP UI5的控制元件繪製和渲染

以下面這個UI為例:

在這裡插入圖片描述

首先生成按鈕對應的渲染器,即ButtonRenderer例項:
在這裡插入圖片描述
將渲染好的button對應的原生html程式碼儲存到buffer裡:
在這裡插入圖片描述
接下來依次是這些ui element的渲染器:page, XMLView and UIArea.
在這裡插入圖片描述

把html原始碼賦給dom:

在這裡插入圖片描述
在這裡插入圖片描述
到目前為止,瀏覽器裡還是啥也看不見:
在這裡插入圖片描述
一旦下面這行程式碼執行完畢後,page document的height屬性被設定成100%,我們就能在瀏覽器裡看UI5頁面了。
在這裡插入圖片描述