首页 > 其他分享 >SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析试读版

SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析试读版

时间:2022-10-03 13:32:24浏览次数:70  
标签:控件 试读 步骤 UI5 屏幕 SAP 属性


写作动机

笔者在编写本步骤时,在网上搜索了一番,没有找到高质量的中文技术文章,能够讲清楚 SAP UI5 的屏幕尺寸检测机制。同时 SAP UI5 XML 视图里很多带有 S,M,L 和 XL 后缀的控件属性,网上能搜索出很多从业者使用这些属性时遇到的问题和困惑,但目前的技术社区缺少对这些后缀含义的清楚阐述,以及这些属性运行时的工作原理剖析。

于是笔者写了这篇文章,填补了这个领域内的空白。

本教程前面几个步骤,我们已经介绍了 SAP UI5 SimpleForm 控件的 ​​columns​​​ 和 ​​labelSpan​​​ 系列属性的工作原理。所谓​​系列属性​​, 是指这些属性后面具有标识屏幕宽度类型的 S,M,L 和 XL 等后缀。

SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析试读版_SAP UI5

在阅读本步骤之前,请大家务必完成下列这些前置步骤的学习,以避免阅读了本步骤之后觉得不知所云的情况出现:

以上步骤介绍完之后,我们遗留了一个问题:如下图高亮的这些属性,从每个属性的后缀不难猜测出,它们分别是针对某一种屏幕尺寸来设置的。

SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析试读版_前端_02

比如 ​​labalSpanL​​​,我们从 SAP UI5 官网​​文档​​​得知,其作用是 ​​Default span for labels in large size​​,默认值为 4.

SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析试读版_SAP UI5_03

如何理解这句话呢?到底宽度多宽的屏幕,算得上是 ​​Large Size​​?

​本文余下部分​​将基于目前为止我们掌握的知识,对上面这个问题进行详细解答。


标签:控件,试读,步骤,UI5,屏幕,SAP,属性
From: https://blog.51cto.com/jerrywangsap/5730178

相关文章

  • SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
    一套适合SAPUI5初学者循序渐进的学习教程本专栏计划的文章数在​​300​​​篇左右,到​​2022年9月22日​​​为止,目前已经更新了​​133​​​篇,专栏完成度为​......
  • 【WPF】控件使用要点
    ContentPresenter:显示控件内容,默认显示内容属性,可以指定内容源头ContentSource=。具体用法如下:<ControlTemplateTargetType="{x:TypeHeaderedContentControl}">......
  • 界面控件DevExpress WPF即将发布Windows 11深色主题,期待吗?
    DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专......
  • 数据绑定控件单选框
    应某人要求,简单写一下这里用DataList举个例子:如html代码如下:1<asp:DataListID="dlstClubTheme"runat="server"RepeatColumns="2"RepeatLayout="table">2......
  • Android 如何遍历容器(布局)下的所有控件(节点/组件)?
    通过上图可知,Android的页面是由多个ViewGroup和View构成,其中ViewGroup包含许多View和ViewGroup。View称之为“微件”,也可以说是组件、节点、控件。ViewGroup......
  • C#中使用BackgroundWorker控件
    在C#中,BackgroundWorker控件允许在单独的专用线程上运行操作。耗时的操作(如下载和数据库事务)在长时间运行时可能会导致用户界面(UI)似乎处于停止响应状态。如果需要能进行......
  • WPF 将控件放入到 UserControl 里获取 HwndSource 为空的情况
    本文记录将WPF控件放入到UserControl里,如果此UserControl没有被设置Visibility为可见过,那么放在此UserControl内的控件将获取不到HwndSource内容如果对某个V......
  • GTK常用控件之图片控件( GtkImage )
    图片控件和标签的作用很类似,都是作为显示用的,只是图片控件显示的内容是图片。图片控件的创建:GtkWidget*gtk_image_new_from_file(constgchar*filename);filename:图片的......
  • qt的基本控件——列表控件
    列表控件1、listWIdgetQListWidget类列表框控件用来加载并显示多个列表项。QListWidgetItem类就是列表项类双击可以直接修改,添加多少行,也有属性可以修改字体颜色大小等......
  • QT——qss对多个控件设置想同样式
    QToolButton#minBtn:hover,QToolButton#maxBtn:hover,QToolButton#restoreBtn:hover{background:rgb(255,255,255);}QToolButton#minBtn:pressed,QToolBut......