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回答的是空间不够时谁更应该留下来。这两个属性经常同时出现