天天看點

SAP UI5 XML 視圖裡 label 和 text 控件文本對齊問題

如下圖所示,我直接将 SAP UI5 Label 和 Text 控件放在一起,最後的結果不令人滿意:

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

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

SAP UI5 XML 視圖裡 label 和 text 控件文本對齊問題

使用 HorizontalLayout 将Label 和 Text 包裹在一起,問題解決:

<l:HorizontalLayout class="sapUiContentPadding" width="100%">
    <Label text="Refresh Count:" labelFor="counter" />
    <Text id="counter"/>
    </l:HorizontalLayout>      
SAP UI5 XML 視圖裡 label 和 text 控件文本對齊問題

最後的效果:

SAP UI5 XML 視圖裡 label 和 text 控件文本對齊問題