- SAP UI5 应用 SimpleForm 控件 Respons
- SAP UI5 SimpleForm 控件的 adjustLab
- SAP UI5 控件库里 Form 控件和 SimpleForm
- SAP UI5 SimpleForm 里在水平方向显示多组 Fo
- SAP UI5 Smart Table 和 Smart Filt
- SAP UI5 Responsive Grid Layout 里
- ODataListBinding.filter 方法里 Filt
- SAP UI5 ObjectPageLayout 控件使用方法分
- SAP UI5 里的 Busy Indicator 控件使用概述
- 关于 SAP UI5 参数 $$updateGroupId 前面
写作动机
笔者在编写本步骤时，在网上搜索了一番，没有找到高质量的中文技术文章，能够讲清楚 SAP UI5 的屏幕尺寸检测机制。同时 SAP UI5 XML 视图里很多带有 S，M，L 和 XL 后缀的控件属性，网上能搜索出很多从业者使用这些属性时遇到的问题和困惑，但目前的技术社区缺少对这些后缀含义的清楚阐述，以及这些属性运行时的工作原理剖析。
于是笔者写了这篇文章，填补了这个领域内的空白。
本教程前面几个步骤，我们已经介绍了 SAP UI5 SimpleForm 控件的 columns 和 labelSpan 系列属性的工作原理。所谓系列属性, 是指这些属性后面具有标识屏幕宽度类型的 S，M，L 和 XL 等后缀。
在阅读本步骤之前，请大家务必完成下列这些前置步骤的学习，以避免阅读了本步骤之后觉得不知所云的情况出现：
以上步骤介绍完之后，我们遗留了一个问题：如下图高亮的这些属性，从每个属性的后缀不难猜测出，它们分别是针对某一种屏幕尺寸来设置的。
比如 labalSpanL，我们从 SAP UI5 官网文档得知，其作用是 Default span for labels in large size，默认值为 4.
如何理解这句话呢？到底宽度多宽的屏幕，算得上是 Large Size？
本文余下部分将基于目前为止我们掌握的知识，对上面这个问题进行详细解答。
网友评论