news 2026/7/6 17:48:47

RAP 里的 Importance,小屏幕上保住关键信息的那根线

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
RAP 里的 Importance,小屏幕上保住关键信息的那根线

最近做 SAP Fiori elements 和 RAP 应用时,一个很容易被低估的问题又冒出来了,表格字段太多,桌面端看着还算清楚,一到平板或者手机上,页面立刻变得拥挤。字段到底谁先留下,谁先退到后面,谁可以被隐藏,不能只靠字段在 CDS 里的排列顺序来赌运气。这个时候,importance就变成了 UI 体验里一根很关键的线。

SAP Fiori 应用天然要面对多设备场景。PC、平板、手机的屏幕宽度不同,SAP Fiori design guideline 也明确提到,Responsive Table 是 SAP Fiori 里的默认表格形态之一,它的目标不是让每个单元格都像 Excel 一样横向展开,而是让一条业务记录在不同设备上都能被相对完整地阅读。到了手机屏幕,最重要的信息会留在一列或两列结构中,其他数据会进入行与行之间的 pop-in 区域。(SAP)

在 RAP 应用里,我们平时很容易把注意力放在 Behavior Definition、Draft、Lock、Authorization、Action、Validation 这些偏后端的机制上。可是从业务人员真正使用应用的那一刻开始,信息展示的优先级就变成了交互质量的一部分。SAP Help 对 ABAP RAP 的 UI annotation 也有类似定位,UI 可以通过 CDS 层的 UI 注解来定义,并且这种布局定义并不依赖某一个固定设备。(

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/6 17:47:52

如何使用GenericGraph构建复杂的游戏对话分支系统:终极指南

如何使用GenericGraph构建复杂的游戏对话分支系统:终极指南 【免费下载链接】GenericGraph Generic graph data structure plugin for ue4 项目地址: https://gitcode.com/gh_mirrors/ge/GenericGraph 想要为你的游戏打造引人入胜的分支对话系统吗&#xff1…

作者头像 李华
网站建设 2026/7/6 17:47:25

Quantdom实战教程:构建三柱策略实现自动化交易信号生成

Quantdom实战教程:构建三柱策略实现自动化交易信号生成 【免费下载链接】Quantdom Python-based framework for backtesting trading strategies & analyzing financial markets [GUI :neckbeard:] 项目地址: https://gitcode.com/gh_mirrors/qu/Quantdom …

作者头像 李华
网站建设 2026/7/6 17:46:49

Go语言效率工具:gh_mirrors/co/com的时间处理与数学函数完全指南

Go语言效率工具:gh_mirrors/co/com的时间处理与数学函数完全指南 【免费下载链接】com This is an open source project for commonly used functions for the Go programming language. 项目地址: https://gitcode.com/gh_mirrors/co/com 想要快速提升Go语言…

作者头像 李华
网站建设 2026/7/6 17:45:41

CodeQuery命令行工具cqsearch:自动化代码分析实战指南

CodeQuery命令行工具cqsearch:自动化代码分析实战指南 【免费下载链接】codequery A code-understanding, code-browsing or code-search tool. This is a tool to index, then query or search C, C, Java, Python, Ruby, Go and Javascript source code. It build…

作者头像 李华
网站建设 2026/7/6 17:45:06

TypeScript项目结构优化:按功能组织代码的高效实践

TypeScript项目结构优化:按功能组织代码的高效实践 【免费下载链接】typescript-style-guide ⚙️ TypeScript Style Guide. A concise set of conventions and best practices for creating consistent, maintainable code. 项目地址: https://gitcode.com/gh_mi…

作者头像 李华