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

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

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

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

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


image.png


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


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


image.png


最后的效果:


image.png

相关文章
|
12天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
1月前
|
API
在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
【2月更文挑战第28天】 在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
19 1
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
1月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
31 0
|
1月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
18 0
|
1月前
|
XML 开发框架 前端开发
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
13 0
|
2月前
|
XML 数据处理 数据格式
什么是 SAP UI5 XML Templating 技术
什么是 SAP UI5 XML Templating 技术
43 0
|
2月前
|
XML 存储 JSON
SAP UI5 XML Templating Preprocessor 的 template:with 指令使用介绍
SAP UI5 XML Templating Preprocessor 的 template:with 指令使用介绍
20 0
|
13天前
|
XML Java Android开发
Android之UI基础控件
Android之UI基础控件

热门文章

最新文章

相关课程

更多