SAP UI5 sap.ui.Device.media.RANGESETS如何使用

這篇文章主要介紹“SAP UI5 sap.ui.Device.media.RANGESETS如何使用”，在日常操作中，相信很多人在SAP UI5 sap.ui.Device.media.RANGESETS如何使用問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”SAP UI5 sap.ui.Device.media.RANGESETS如何使用”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

這是一個(gè) namespace，來自 sap.ui.core：包含預(yù)定義屏幕寬度媒體查詢范圍集(media query range sets)的名稱和設(shè)置的枚舉。

在 Chrome 開發(fā)者工具 Console 面板里能夠查看到所有可能的值：

sap.ui.Device.media.RANGESETS.SAP_3STEPS

一個(gè) 3 步范圍集 (S-L)。

這組的范圍是：

• S：適用于小于 520 像素的屏幕。

• M：適用于大于或等于 520 像素且小于 960 像素的屏幕。

• L：適用于大于或等于 960 像素的屏幕。

要使用此范圍集，必須顯式初始化它 (sap.ui.Device.media.initRangeSet)。

如果此范圍集已初始化，則會(huì)將 CSS 類添加到頁面根（html 標(biāo)記），指示當(dāng)前屏幕寬度范圍：sapUiMedia-3Step-NAME_OF_THE_INTERVAL.

sap.ui.Device.media.RANGESETS.SAP_4STEP

4 步范圍設(shè)置 (S-XL)。

這組的范圍是：

• S：適用于小于 520 像素的屏幕。

• M：適用于大于或等于 520 像素且小于 760 像素的屏幕。

• L：適用于大于或等于 760 像素且小于 960 像素的屏幕。

• XL：適用于大于或等于 960 像素的屏幕。

要使用此范圍集，您必須顯式初始化它 (sap.ui.Device.media.initRangeSet)。

如果此范圍集已初始化，則會(huì)將 CSS 類添加到頁面根（html 標(biāo)記），指示當(dāng)前屏幕寬度范圍：sapUiMedia-4Step-NAME_OF_THE_INTERVAL。

sap.ui.Device.media.RANGESETS.SAP_STANDARD

一個(gè) 3 步范圍集（Phone, Tablet, Desktop）。

這組的范圍是：

• phone：適用于小于 600 像素的屏幕。

• Tablet: 適用于大于或等于 600 像素且小于 1024 像素的屏幕。

• Desktop: 適用于大于或等于 1024 像素的屏幕。

默認(rèn)情況下自動(dòng)初始化此范圍集。不需要通過 sap.ui.Device.media.initRangeSet 進(jìn)行初始化。

將一個(gè) CSS 類添加到頁面根（html 標(biāo)記），指示當(dāng)前屏幕寬度范圍：sapUiMedia-Std-NAME_OF_THE_INTERVAL。此外，還有 5 個(gè)額外的 CSS 類可以根據(jù)屏幕寬度隱藏元素：

• sapUiHideOnPhone：如果屏幕有 600px 或更少，將被隱藏

• sapUiHideOnTablet：如果屏幕大于 600px 小于 1023px 將被隱藏

• sapUiHideOnDesktop：如果屏幕大于 1024px 將被隱藏

• sapUiVisibleOnlyOnPhone：僅當(dāng)屏幕小于 600px 時(shí)才可見

• sapUiVisibleOnlyOnTablet：僅當(dāng)屏幕有 600px 或更大但小于 1024px 時(shí)才可見

• sapUiVisibleOnlyOnDesktop：僅當(dāng)屏幕有 1024px 或更大時(shí)才可見

到此，關(guān)于“SAP UI5 sap.ui.Device.media.RANGESETS如何使用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！