使用XSL-FO在网格中显示图像

时间:2015-03-25 14:23:14

标签: xml xslt xsl-fo xmltype

<xsl:template match="PrintingImages">
<fo:block keep-together.within-page="always">
<fo:table table-layout="fixed" width="100%" border-collapse="separate" border-separation="2pt" column-width="50pt">
        <fo:table-body>
            <fo:table-row>
                <xsl:apply-templates/>
            </fo:table-row>
        </fo:table-body>
</fo:table>

<xsl:template match='PrintImagesData'>
   <fo:table-cell>
   <fo:block keep-together.within-page="always" float="left">
       <xsl:if test="Title">
           <fo:block><xsl:value-of select="Title" /></fo:block>
       </xsl:if>
       <xsl:if test="DateCreated">
           <fo:block><xsl:value-of select="DateCreated" /></fo:block>
       </xsl:if>
       <fo:block line-stacking-strategy="max-height">
           <xsl:element name="fo:external-graphic">
               <xsl:attribute name="width"><xsl:value-of select="Width"/></xsl:attribute>
               <xsl:attribute name="height"><xsl:value-of select="Height"/></xsl:attribute>
               <xsl:attribute name="content-width">scale-down-to-fit</xsl:attribute>
               <xsl:attribute name="content-height">scale-down-to-fit</xsl:attribute>
               <xsl:attribute name="scaling">uniform</xsl:attribute>
               <xsl:attribute name="src">url('<xsl:value-of select="ImgData"/>')</xsl:attribute>
           </xsl:element>
       </fo:block>
   </fo:block>

 

在后端我拨打PrintImagesData 4次,在PDF中,它会在同一行上生成四张图片。我想在每一行上有两个图像(例如两行,两列)。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

一种选择是在每个奇数位置fo:table-row创建一个新PrintImagesData,然后为fo:table-cell和第一个后续兄弟{{1}创建一个PrintImagesData }。

以下是基于原始问题中信息量有限的示例...

XML输入

PrintImagesData

XSLT 1.0 (对原始XSLT进行了一些更改;主要是使用AVT's。)

<doc>
    <PrintingImages>
        <PrintImagesData>
            <Title>Title 1</Title>
            <Width>100px</Width>
            <Height>100px</Height>
            <ImgData>some/graphic1.png</ImgData>
        </PrintImagesData>
        <PrintImagesData>
            <Title>Title 2</Title>
            <Width>100px</Width>
            <Height>100px</Height>
            <ImgData>some/graphic2.png</ImgData>
        </PrintImagesData>
        <PrintImagesData>
            <Title>Title 3</Title>
            <Width>100px</Width>
            <Height>100px</Height>
            <ImgData>some/graphic3.png</ImgData>
        </PrintImagesData>
        <PrintImagesData>
            <Title>Title 4</Title>
            <Width>100px</Width>
            <Height>100px</Height>
            <ImgData>some/graphic4.png</ImgData>
        </PrintImagesData>
    </PrintingImages>
</doc>

XSL-FO输出

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:fo="http://www.w3.org/1999/XSL/Format">
    <xsl:output indent="yes"/>
    <xsl:strip-space elements="*"/>

    <xsl:template match="/*">
        <fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
            <fo:layout-master-set>
                <fo:simple-page-master master-name="my-page" page-width="8.5in" page-height="11in">
                    <fo:region-body margin="1in" margin-top="1.5in" margin-bottom="1.5in"/>
                </fo:simple-page-master>
            </fo:layout-master-set>
            <fo:page-sequence master-reference="my-page">
                <fo:flow flow-name="xsl-region-body"> 
                    <xsl:apply-templates/>
                </fo:flow>
            </fo:page-sequence>
        </fo:root>
    </xsl:template>

    <xsl:template match="PrintingImages">
        <fo:block keep-together.within-page="always">
            <fo:table table-layout="fixed" width="100%" border-collapse="separate" border-separation="2pt" column-width="50pt">
                <fo:table-body>
                    <xsl:apply-templates select="PrintImagesData[not(position() mod 2 = 0)]" mode="row"/>
                </fo:table-body>
            </fo:table>
        </fo:block>
    </xsl:template>

    <xsl:template match="PrintImagesData" mode="row">
        <xsl:variable name="nbr">
            <xsl:number/>
        </xsl:variable>
        <fo:table-row>
            <xsl:apply-templates select="."/>
            <xsl:if test="not($nbr mod 2 = 0)">
                <xsl:choose>
                    <xsl:when test="following-sibling::PrintImagesData">
                        <xsl:apply-templates select="following-sibling::PrintImagesData[1]"/>                        
                    </xsl:when>
                    <xsl:otherwise>
                        <fo:table-cell>
                            <fo:block/>
                        </fo:table-cell>
                    </xsl:otherwise>
                </xsl:choose>
            </xsl:if>
        </fo:table-row>
    </xsl:template>

    <xsl:template match="PrintImagesData">
        <fo:table-cell>
            <fo:block keep-together.within-page="always" float="left">
                <xsl:apply-templates select="Title|DateCreated"/>
                <fo:block line-stacking-strategy="max-height">
                    <fo:external-graphic 
                        width="{Width}" 
                        height="{Height}" 
                        content-width="scale-down-to-fit"
                        content-height="scale-down-to-fit" 
                        scaling="uniform" 
                        src="url('{ImgData}')"/>
                </fo:block>
            </fo:block>
        </fo:table-cell>
    </xsl:template>

    <xsl:template match="Title|DateCreated">
        <fo:block><xsl:value-of select="."/></fo:block>
    </xsl:template>
</xsl:stylesheet>