理论教育 Web Dynpro中元素的布局方案:MatrixLayout

Web Dynpro中元素的布局方案:MatrixLayout

时间:2023-05-19 理论教育 版权反馈
【摘要】:在Web Dynpro中,布局定义了对应容器中所有UI元素的排列和位置,仅有容器类型的元素可以找到对应属性修改布局。图4-5 元素的属性标签在Web Dynpro中默认可用的布局有5种。4)MatrixLayout:所有子对象分布在类似于表格的布局中,与网格布局较为相似。

Web Dynpro中元素的布局方案:MatrixLayout

在Web Dynpro中,布局定义了对应容器中所有UI元素的排列和位置,仅有容器类型的元素可以找到对应属性修改布局(如透明容器、组、托盘等)。如果需要修改整个页面的布局,则可以通过修改“RootUIElement”根结点的布局属性来实现,而对于各个子对象的布局设定,则可通过子对象的布局参数进行调整。

假设添加了一个托盘元素,需要注意的是,它所指定的“Layout”布局是针对它的子对象所设定的布局,而左侧依然可以看到的“LayoutData”布局参数则是将托盘作为一个子对象时需要设定的属性,针对的是它的父对象,如图4-5所示。这两块属性的配置千万不能混淆。

978-7-111-58177-2-Chapter04-5.jpg

图4-5 元素的属性标签

在Web Dynpro中默认可用的布局有5种。

1)ColumnLayout(列布局):强调容器中子对象的横向布局,默认为3列,也可以理解为一个沙盘上默认划了3道竖线,随后去摆放它的子对象。(www.daowen.com)

2)FlowLayout(流布局):以一个队列的方式去排列容器中的子对象,按从左到右、从上到下的顺序依次排列,开发人员可以自定义换行的位置,默认根据UI元素的宽度以及浏览器窗口的宽度来决定是否换行。

3)GridLayout(网格布局):所有子对象分布在一个二维的网格之中,网格的行数和列数都可以自由配置。

4)MatrixLayout(矩阵布局):所有子对象分布在类似于表格的布局中,与网格布局较为相似。它不能像网格布局一样自由配置行数和列数,只能通过将对应的元素设置为“MatrixHeadData”来进行换行。矩阵布局的优势在于,开发人员可以用它的单元类方便地创建出一致布局的结构。

5)RowLayout(行布局):强调容器中子对象的纵向布局,它其实与矩阵布局类似,但它是将所有子对象顺序地放入一列中。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈