SAP Fiori - 内容密度(舒适 & 紧凑)

简介

SAP Fiori具有响应性，可在所有设备上运行。这意味着所有常见的交互样式，必须以同样的方式得到支持：通过鼠标和键盘以及通过触摸进行交互。
SAPUI5提供了一个“内容密度”因素，它允许根据交互风格调整控件的大小。
“舒适因子”显示的控件尺寸足够大，可以进行指尖交互。这一控件理想的操作方式是触摸。控件可能在视觉上小于最小触摸区域。

舒适触摸例子

紧凑因素减少了控件的尺寸，允许在UI上显示更多的信息。这个控件理想的操作设备是鼠标和键盘。

紧凑非触摸例子

度量

SAP Fiori 测量系统使用rem单位，这代表root em。一个基本大小为16像素定义一个rem单元。该单元允许您在所有浏览器中保持一致和可预测的大小和缩放。
SAP Fiori UI 控件使用灵活的设计网格系统，以满足触摸和非触摸用户界面的内容密度。可触摸区域通常比它所关联的UI元素大。在同时设计，在桌面和移动设备上运行的web应用程序时，请始终考虑到这一点。
在紧凑模式下，字体大小保持不变，但两个控件的尺寸和它们之间的空间都比舒适模式下小。舒适的默认触摸区域2.75 rem (44 px)被压缩因子减少。行和工具栏可以使用2 rem (32 px)的大小，控件在视觉上也更小。

实现

所有SAP Fiori 控件都支持舒适和紧凑的内容密度模式。对于大多数控件，默认设置为舒适。你应该如何设置内容密度取决于你的用户设备。用户设备可以使用设备帮助器方法检测。如果设备支持触摸(sap.ui.Device.support = true)。内容密度类应该设置为sapUiSizeCozy或sapUiSizeCompact。有关如何正确设置参数的详细描述，请参阅SAPUI5开发人员指南关于内容密度。
主动设置内容密度是很重要的！由于不同的控件可能有不同的默认值，如果设置不正确的内容密度，可能会导致屏幕上显示不同的密度控件。
应用程序开发人员必须在应用程序描述符中声明应用程序支持的模式。然后，SAP Fiori Launchpad在启动时检查该信息。
如果管理员启用了该特性，则可以在SAP Fiori Launchpad中对混合设备(支持触摸以及鼠标和键盘的设备)使用附加设置。有了这个额外的设置(在用户操作菜单/设置/外观/显示设置/为触摸输入优化)，用户可以定义他们想要的应用程序运行在舒适(默认)或紧凑模式。此设置对所有混合设备都是持久的，但对纯触摸或纯鼠标和键盘设备的自动检测没有影响。

指南

触摸设备：将整个应用程序的内容密度设置为“cozy”。应用sapUiSizeCozy类。
鼠标和键盘操作的设备：将整个应用程序的内容密度设置为“compact”。应用sapUiSizeCompact类。
混合设备：用户有两种与应用程序交互的选项。默认设置是舒适模式(触摸)，但用户可以在SAP Fiori Launchpad中覆盖这个设置，它将被持久化。

服务

关于内容密度的UI5开发人员指南
文章描述了如何根据设备功能设置正确的参数。