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 视图里定义的 UI 控件，运行时实例化的技术细节剖析试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
SAP UI5 XML 视图中数据绑定路径语法的难点和易混淆点的专题讲解
文章目录什么时候在绑定路径里使用 / ? 什么时候在绑定路径里使用 > ? 当 SAP UI5 开发人员对使用的数据模型进行显式重命名时当 SAP UI5 应用存在的数据模型实例大于 1 个 ...
SAP UI5 初学者教程之二十三 - 列表控件的排序 Sort 和分组 Group 试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...
使用代码给 SAP UI5 XML 视图添加自定义 CSS
一个例子如下图所示: this.getView().addStyleClass(Device.system.desktop ? "sapUiSizeCompact" : " ...
SAP CRM和Cloud for Customer里的Formatted Text控件的比较
Formatted Text Edit is supported both in CRM and Cloud for Customer ( starting from 1702 according t ...
深入学习SAP UI5框架代码系列之八：谈谈 SAP UI5 的视图控件 ID，以及 SAP UI5 视图和 Angular 视图的异同
今天是 2021 年 4 月 27 日,周二,SAP 全球心理健康日.SAP 全球的员工,今天放假一天. 这不,早在上周五,我所在的 SAP Spartacus 开发团队的开发经理,就贴心地在 Sla ...
SAP UI5 应用开发教程之十八 - SAP UI5 数据绑定语法里的特殊符号，以及绝对绑定和相对绑定概念详解
通过本教程之前的 17 个步骤的学习,大家都已经使用到了 SAP UI5 数据绑定的语法. 本文不会介绍新的内容,而是对过去了解到的 SAP UI5 数据绑定语法中出现的两个特殊符号,"&g ...
jQuery里面的datepicker日期控件默认是显示英文的，如何显示中文或其他语言呢？...
jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...
[译][Tkinter 教程10] Text 控件
已获原作者授权. 原系列地址: Python Tkinter 简介及简例 Text 控件用来显示多行文本. Tkinter 的 Text 控件很强大, 很灵活, 可以实现很多功能. 虽然这个控件的主要 ...

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

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

最新文章

热门文章