贴紧标题:ObjectPageHeaderContent中使用哪个控件
问题描述:
我在验证Snapping Header的指导原则。贴紧标题:ObjectPageHeaderContent中使用哪个控件
我想知道哪些控件被用作ObjectPageHeaderContent的子对象来准备带有标签 - 文本对的表单。实际上,我使用ObjectStatus控件的VerticalLayout和标题和NumericContent的另一个VerticalLayout来准备项目,如ObjectPageHeaderContent中的第三项。 但结果看起来不像这个例子。准则解释了FormFacet和KeyValueFacet,但并不理解这一点。我怎样才能达到与给定例子相同的结果。
预先感谢您。
答
我试图理解这个问题。 在您提供的链接中,您在右上角有一个“资源”标签, 将您引导至链接页面的最后一章。 在那里您可以找到一个链接“对象页头内容(SAPUI5 Explored)”。 如果你关注这个链接,你来到这个页面 ObjectPageHeaderContent其中显示了两个例子。 如果您选择其中一个示例,您可以在右上角选择“显示此示例的源代码”。 在那里,您还可以下载源代码以及index.html。
这是你在找什么?
答
在这个例子中,我使用的原始编码从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