2012年11月13日星期二

ADF_202:页面常用布局模板之一:Flow


 开发运行环境:JDeveloper 11.1.1.6

WebCenter Application模板中有很好的目录结构、页面层级结构以及两个默认的页面模板。
虽然WebCenter Application模板是专门为Portal应用而用的,我们也可以使用WebCenter Application模板来构建Web应用。

1. 使用WebCenter Application模板创建Web应用






2. 创建页面模板



3. 运行效果
(1)Firefox 16.0.2
(2)IE 8

可以看出,基本效果还是不错的:右上角是基本链接和登录,中间是Logo和标题,Logo下面是多层菜单,中间是内容部分。
由于是Flow风格,页面不会随着浏览器窗口大小的改变而改变。
整个页面宽度是1024px,这是在模板中的属性PageContentWidth定义的。
但还是能够看出一些小问题:
(1)Firefox 中Logo图片靠左对齐,IE中Logo图片居中。
(2)Logo图片和Titile之间有一块空白区域。我尝试了很多修改,始终无法去掉,不知道是什么原因,希望知道原因的人可以告诉我。

4. 页面模板结构
这里决定整个页面是Flow风格的布局组件是:panelGroupLayout - scroll。
因为panelGroupLayout - scroll可以被父布局组件拉伸,却不能拉伸它其中的组件。



Project 下载:MyWebApplication.7z

没有评论: