SAP UI5 sap.ui.Device.media 公有方法介绍

简介: SAP UI5 sap.ui.Device.media 公有方法介绍
  • sap.ui.Device.media.attachHandler:注册给定的事件处理程序以根据使用指定名称设置的范围更改屏幕宽度的事件。


每当屏幕宽度发生变化并且当前屏幕宽度处于与宽度变化之前不同的给定范围集的间隔时,就会触发该事件。


使用单个参数调用事件处理程序:一个映射 mParams,它提供有关输入间隔的以下信息:


  • mParams.from:作为数字输入的区间的起始值(包括)


  • mParams.to:输入区间的结束值(不包括)范围为数字或未定义的最后一个区间(无穷大)


  • mParams.unit:用于上述值的单位,例如 “像素”


  • mParams.name:输入间隔的名称(如果可用)


这个方法的实现位置,位于 Device.js 内:



sap.ui.Device.media.getCurrentRange

返回有关具有给定名称的范围集的当前活动范围的信息。


如果给定了可选参数 iWidth,则将为该宽度确定活动范围,否则为当前窗口大小确定。


sap.ui.Device.media.initRangeSet

初始化屏幕宽度媒体查询范围集。


此初始化步骤使范围集准备好用于命名空间 sap.ui.Device.media 中的其他函数之一。 最重要的预定义范围集会自动初始化。


要使尚未初始化的预定义范围集可供使用,请使用要初始化的范围集的名称调用此函数:


sap.ui.Device.media.initRangeSet(sap.ui.Device.media.RANGESETS.SAP_3STEPS);


或者,可以定义自定义范围集,如下例所示:


sap.ui.Device.media.initRangeSet("MyRangeSet", [200, 400], "px", ["Small", "Medium", "Large"]);


此示例定义了以下命名范围:


  • Small:适用于小于 200 像素的屏幕。


  • Medium:适用于大于或等于 200 像素且小于 400 像素的屏幕。


  • Large:适用于大于或等于 400 像素的屏幕。


范围名称是可选的。 如果指定了 CSS 类(例如 sapUiMedia-MyRangeSet-Small),则还会根据当前活动范围将其添加到文档根目录。 这可以通过参数 bSuppressClasses 抑制。



相关文章
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
32 0
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
17 0
|
2月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
33 0
|
1月前
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
16 1
什么是 SAP ABAP 里的 Subscreen
|
2月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
15 0
|
2月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
19 0
|
2月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
35 0
|
2月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
19 0
|
2月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
22 0
|
3月前
|
Web App开发 前端开发 JavaScript
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
51 0