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

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

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

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

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

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

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

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

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

最后的效果:

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

更多Jerry的原创文章,尽在:"汪子熙":
SAP UI5 XML 视图里 label 和 text 控件文本对齐问题