請看看ObjectPageHeaderContent
在這個例子中,我使用的原始編碼從sap.uxap.sample.HeaderContent
我還用垂直佈局,並添加標題,使它看起來像提到的設計元素的「純文本方面」。 它也呈現在多行中。 在這種情況下,「純文本面」只是設計用來描述此元素的術語。 這個設計元素的實現是使用不同的UI5控件完成的。
<ObjectPageHeaderContent>
<content>
<layout:VerticalLayout>
<m:ObjectStatus title="User ID" text="12345678"/>
<m:ObjectStatus title="Functional Area" text="Developement"/>
<m:ObjectStatus title="Cost Center" text="PI DFA GD Programs and Product"/>
<m:ObjectStatus title="Email" text="[email protected]"/>
</layout:VerticalLayout>
<layout:VerticalLayout>
<m:Title text="YourHeader" titleStyle="H4"/>
<m:Text width="200px"
text="Hi, I'm Denise. I am passionate about what I do and I'll go the extra mile to make the customer win."/>
<m:ObjectStatus title="Email" text="[email protected]"/>
</layout:VerticalLayout>
<m:ObjectStatus text="In Stock" state="Error"/>
請描述其他小的變化,以便我們可以看看它們。
我試了一下。我跟着探索的例子,試圖得到那個外觀。但結果看起來不像這個例子。在探索中,他使用了垂直佈局,但是當涉及到這個例子時,他正在解釋一些類型的方面和所有。我跟着探索的一個。但兩者看起來不一樣。例如,考慮plainText方面,我已經在垂直佈局中使用帶標題的sap.m.text。整個文本出現在一行中。但在這個例子中,它需要多行渲染。同樣,還有許多其他小小的變化。 – Anjali