请看看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