SAP UI5 XML 视图里 label 和 text 控件文本对齐问题

Posted JerryWangSAP

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SAP UI5 XML 视图里 label 和 text 控件文本对齐问题相关的知识,希望对你有一定的参考价值。

如下图所示,我直接将 SAP UI5 Label 和 Text 控件放在一起,最后的结果不令人满意:

<Label text="Refresh Count:" labelFor="counter" />
    <Text id="counter"/>

Label 和 Text 并未在同一行显示:

使用 HorizontalLayout 将Label 和 Text 包裹在一起,问题解决:

    <l:HorizontalLayout class="sapUiContentPadding" width="100%">
    <Label text="Refresh Count:" labelFor="counter" />
    <Text id="counter"/>
    </l:HorizontalLayout>

最后的效果:

更多Jerry的原创文章,尽在:"汪子熙":

以上是关于SAP UI5 XML 视图里 label 和 text 控件文本对齐问题的主要内容,如果未能解决你的问题,请参考以下文章

SAP UI5 应用 XML 视图的加载逻辑分析

SAP UI5 如何在 xml 视图中附加 HTML

SAP UI5 Page 控件的构造函数参数讲解

SAP UI5 SimpleForm M 和 L 型表单的 label 和 input 分配讲解

SAP Hybris Commerce,CRM和C4C的登录语言选择

SAP UI5 Responsive Grid Layout 里的 Label-Field Ratio 在屏幕类型 S 下的表现