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