Simple Layout

Let's take a look at the simple page layout that we saw earlier in the course.

The simple page master that creates this layout is shown in the code sample below.

Code Sample:

PageLayout/Demos/SimplePageMaster.fo
<?xml version="1.0" encoding="UTF-8"?>
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
<fo:layout-master-set>
<fo:simple-page-master master-name="page"
page-height="11in" page-width="8.5in">
<fo:region-body margin="1in" background-color="yellow"
border="solid thick orange"/>
<fo:region-before extent="1in" background-color="lightblue"
border="solid thick blue"/>
<fo:region-after extent="1in" background-color="lightblue"
border="solid thick blue"/>
<fo:region-start extent="1in" background-color="lightgreen"
border="solid thick green"/>
<fo:region-end extent="1in" background-color="lightgreen"
border="solid thick green"/>
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-reference="page" font-size="24pt"
font-weight="bold" text-align="center">
---- C O D E O M I T T E D ----
</fo:page-sequence>
</fo:root>

  

fo:simple-page-master

The fo:simple-page-master is used to specify the name of the master page, the height and width of the page, the margins of the entire page and the orientation of the page (e.g, portrait or landscape). Its most common attributes are shown below.

<fo:simple-page-master> Attributes
Attribute Description
master-name the name of the master page
page-height the height of the page
page-width the width of the page
margin the size of the margin around the entire page
margin-top the size of the top margin
margin-right the size of the right margin
margin-bottom the size of the bottom margin
margin-left the size of the left margin
reference-orientation sets the direction for page

Most of these attributes are self explanatory. However, we should take a closer look at reference-orientation.

Reference Orientation

The reference-orientation attribute takes a number which indicates the number of degrees to rotate the orientation. Possible values are 0, 90, 180, 270, -90, -180, -270, and inherit. To create a landscape orientation, reference-orientation should be set to 90. The following example illustrates this.

Code Sample:

PageLayout/Demos/LandscapePageMaster.fo
<?xml version="1.0" encoding="UTF-8"?>
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
<fo:layout-master-set>
<fo:simple-page-master master-name="page"
page-height="11in" page-width="8.5in"
reference-orientation="90">
<fo:region-body margin="1in" background-color="yellow"
border="solid thick orange"/>
<fo:region-before extent="1in" background-color="lightblue"
border="solid thick blue"/>
<fo:region-after extent="1in" background-color="lightblue"
border="solid thick blue"/>
<fo:region-start extent="1in" background-color="lightgreen"
border="solid thick green"/>
<fo:region-end extent="1in" background-color="lightgreen"
border="solid thick green"/>
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-reference="page" font-size="24pt"
font-weight="bold" text-align="center">
---- C O D E O M I T T E D ----
</fo:page-sequence>
</fo:root>

  

The only difference between this page and the previous one is the reference orientation. The result is shown below.

Notice that the whole page shifts, so that the region-before is now on the left rather than on the top.

fo:region-body

The <fo:region-body> tag is used to define the space, background and borders for the region-body. Its most common attributes are shown below.

Most of these attributes are self explanatory. We'll take a closer look at margin and padding.

margins and padding

We saw that the <fo:simple-page-master> tag can take margin attributes. These margins are applied to the whole page, meaning that they push all the regions inward. The margin attributes of the <fo:region-body> tag affect only region-body. They specify how far each edge of the region-body box should be from the edge of the outer box defined by the <fo:simple-page-master> tag. The padding attributes specify how far the elements contained in the body should appear from the edge of the body. The following code sample illustrates how margin and padding work.

Code Sample:

PageLayout/Demos/BodyRegionPageMaster.fo
<?xml version="1.0" encoding="UTF-8"?>
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
<fo:layout-master-set>
<fo:simple-page-master master-name="page"
page-height="11in" page-width="8.5in"
margin="1in">
<fo:region-body margin="1in" padding="1in"
background-color="yellow" border="solid thick orange"/>
<fo:region-before extent="1in" background-color="lightblue"
border="solid thick blue"/>
<fo:region-after extent="1in" background-color="lightblue"
border="solid thick blue"/>
<fo:region-start extent="1in" background-color="lightgreen"
border="solid thick green"/>
<fo:region-end extent="1in" background-color="lightgreen"
border="solid thick green"/>
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-reference="page" font-size="24pt"
font-weight="bold" text-align="center">
---- C O D E O M I T T E D ----
</fo:page-sequence>
</fo:root>

  

The result is shown below.

  • The margin specified in the <fo:simple-page-master> tag creates the white area.
  • The margin specified in the <fo:region-body> tag forces the region-body edges in one inch from the simple-page-master rectangle.
  • The padding specified in the <fo:region-body> tag creates space between the content of the region-body and the edges of the region-body.

Note that the positioning and size of region-body are not affected in any way by the attributes of the other regions.

fo:region-before, fo:region-after, fo:region-start, and fo:region-end

The four other region tags take all the same attributes as <fo:region-body> except for the margin attributes. These regions do not have margins. They always sit on the edge of the simple-page-master rectangle. In addition, these region tags take two other attributes: extent and precedence.

The extent attribute specifies the width of region-start and region-end and the height of region-before and region-after (assuming a portrait layout).

The precedence attribute specifies which regions should sit on top. As you can see from the examples we have looked at thus far, by default region-start and region-end take precedence over region-before and region-after. The following code sample shows how to change this.

Code Sample:

PageLayout/Demos/PrecedencePageMaster.fo
<?xml version="1.0" encoding="UTF-8"?>
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
<fo:layout-master-set>
<fo:simple-page-master master-name="page"
page-height="11in" page-width="8.5in"
margin="1in">
<fo:region-body margin="1in" padding="1in"
background-color="yellow" border="solid thick orange"/>
<fo:region-before extent="1in" precedence="true"
background-color="lightblue" border="solid thick blue"/>
<fo:region-after extent="1in" precedence="true"
background-color="lightblue" border="solid thick blue"/>
<fo:region-start extent="1in" background-color="lightgreen"
border="solid thick green"/>
<fo:region-end extent="1in" background-color="lightgreen"
border="solid thick green"/>
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-reference="page" font-size="24pt"
font-weight="bold" text-align="center">
---- C O D E O M I T T E D ----
</fo:page-sequence>
</fo:root>

  

The result is shown below. As you can see, region-before and region-after now sit on top of region-start and region-end.

XSL-FO Page Layout的更多相关文章

  1. 在Salesforce中向Page Layout中添加Visualforce Page

    在Salesforce中可以向Object所对应的Layout中添加我们自定义的Visualforce Page. 此时的Visualforce Page与Asp.Net MVC中的Partial V ...

  2. 转载 SharePoint 2013配置Master Page and Page Layout

    转载原地址: http://www.cnblogs.com/huangjianwu/p/4539706.html 涉及到的内容是关于SharePoint 2013如何部署自定义的母版页和布局页. 进入 ...

  3. salesforce零基础学习(八十四)配置篇: 自定义你的home page layout

    当我们进入salesforce系统或者切换app后,默认第一个看到的就是home页面.home页面简单的来说可以包括左侧(narrow component)和右侧(wide component)两部分 ...

  4. SharePoint 2013 Deploy Master Page And Page Layout

    2013年9月27日的一篇随笔,其实也是自己编写的部署文档,由于客户是HK的,所以描述部分是用英文. 涉及到的内容是关于SharePoint 2013如何部署自定义的母版页和布局页. First, L ...

  5. Creating a Custom Page Layout in SharePoint 2013

    Creating a Custom Page Layout in SharePoint 2013 In my last article, I documented how to create a Ma ...

  6. Page Layout里的javascript (jquery)不执行

    在page layout 中通过 _spBodyOnLoadFunctionNames.push("js 方法名") 的方式实现. 但切记,代码要放到 PlaceHolderMai ...

  7. salesforce零基础学习(九十四)classic下pagelayout引入的vf page弹出内容更新此page layout

    我们在classic环境中,有时针对page layout不能实现的地方,可以引入 一个vf page去增强标准的 page layout 功能,有时可能要求这个 vf page的部分修改需要更新此 ...

  8. xsl -fo 了解

    XSL-FO是用于格式化XML数据的语言,全称为Extensible Stylesheet Language Formatting Objects(格式化对象的可扩展样式表语言),是W3C参考标准,现 ...

  9. 【CSS】Intermediate8:Page Layout

    1.Layout with CSS is easy. You just take a chunk of your page and shove it wherever you choose 2.pos ...

随机推荐

  1. IFrame和Ajax比較

    说到比較,可能我是须要把这连个东西都给大家介绍一下的,可是介于大家都已经有了非常多的理解.我就简单的说了. Ajax:             是指一种创建交互式网页应用的网页开发技术.主要是利用Xm ...

  2. 使用NPOI读取Excel出错

    使用NPOI读取Excel出错,错误信息:java.io.IOException: Invalid header signature; read 4503608217567241, expected ...

  3. Shift Register

    /*************************************************** /  Shift Register module /  Programing by seong ...

  4. ResultSet详解(转)

      ResultSet用法集锦 结果集(ResultSet)是数据中查询结果返回的一种对象,可以说结果集是一个存储查询结果的对象,但是结果集并不仅仅具有存储的功能,他同时还具有操纵数据的功能,可能完成 ...

  5. Android基础新手教程——4.4.1 ContentProvider初探

    Android基础新手教程--4.4.1 ContentProvider初探 标签(空格分隔): Android基础新手教程 本节引言: 本节给大家带来的是Android四大组件中的最后一个--Con ...

  6. grub.conf文件说明

    default=0 timeout=5 splashimage=(hd0,0)/grub/splash.xpm.gz hiddenmenu title Red Hat Enterprise Linux ...

  7. ASP.NET MVC 表单提交多层子级实体集合数据到控制器中

    于遇到了项目中实体类嵌套多层子级实体集合,并且子级实体集合的数据需要提交保存到数据库中的问题.针对此情况需要进行一些特殊的处理才可以将整个 实体类及子级实体集合数据提交表单到控制器中,解决的方法是根据 ...

  8. Unity3d地形刷入自定义树木

    Unity3d中新建地形后,可以在地形上刷草及树木等植物.那么接下来讲的就是如何刷入自定义树木. 我没有自定义的树木素材,所以就以导入的坦克模型为例,目标是将坦克模型的炮塔部分作为自定义“树木”刷入地 ...

  9. 虚拟化笔记04.OpenFiler.install

    4.OpenFiler install OPENFILER 介绍 1.OpenFiler 作用 OpenFiler 基于Linux 内核,主要作用是实现IP-SAN. 在VSPHERE中我们可以将VM ...

  10. 浅谈IM软件怎样建立安全socket连接、登录

    ----------------------------------------------------欢迎查看IM软件业务知识<专栏>-------------------------- ...