SAP Fiori 如何给 UI 元素排优先级,读懂 importance 背后的自适应界面设计
做 SAP Fiori 项目时,经常会遇到一个很现实的问题。售组织、公司代码、币种、净额、税额、毛额、创建日期、审批状态全部铺开也没有压力。可同一个应用到了笔记本电脑、小尺寸浏览器窗口,甚至手机上,页面宽度立刻变得紧张。如果所有字段仍然坚持原来的显示方式,结果往往不是出现难以阅读的横向滚动,就是字段被压缩到几乎看不清。这时候,SAP Fiori 需要解决的已经不只是字段有没有显示的问题,而是另一个更贴近业务的问题。空间不够的时候,到底应该优先保留哪些信息。这正是Prioritizing UI Elements讨论的核心,也是 CDS UI 注解中importance属性存在的原因。SAP 官方文档给出的规则很清楚,针对类似DataField的 UI 注解,我们可以通过importance指定 UI 元素的优先级。这个信息会被自适应 UI 使用,当屏幕空间缩小时,低优先级元素可以被自动隐藏,从而把有限的显示区域留给更重要的数据。可使用的级别包括#HIGH、#MEDIUM、#LOW,也可以完全不设置。误解,是把importance当成字段排序。其实它和position解决的是两件不同的事情。position回答的是字段排在哪里。importance回答的是空间不够时谁更应该留下来。这两个属性经常同时出现