biz-Streamマニュアル XMLページレイアウトタグ リファレンス 第8章 グループ化 8.2 複数項目のグループ制御<GroupAlignment>

8.2 複数項目のグループ制御<GroupAlignment>


8.2.1機能説明

GroupAlignmentタグに含まれる項目をグループ化し、グループ内での整列を行います。



8.2.2属性説明

属性名指定説明指定内容初期値
name任意名前CDATA
X任意X座標CDATA0
Y任意Y座標CDATA0
Width任意領域の幅CDATA
Height任意領域の高さCDATA
Unit任意単位(Choice)mm / cm / in / px / ptmm
Horizon任意配置(水平方向)(Choice)left / center / right / evenleft
Vertical任意配置(垂直方向)(Choice)top / center / bottom / evenbottom
Vector任意整列方向(Choice)horizon / vertical / nonehorizon
LineSpace任意行間CDATA0
LineWidth任意線幅CDATA0.1
LineColor任意線の色CDATA
FillColor任意背景色CDATA
Radius任意半径CDATA0
Corners任意CDATA角丸指定を解除する角にはfalseを指定
(左下;右下;右上;左上)
true;true;
true;true
Margin任意領域内の余白(Choice)start:左端余白 /
end:右端余白 /
top:上部余白 /
bottom:下部余白
1px
1px
0px
2px
Narrow任意領域にデータが入りきらない場合の圧縮方法(Choice)horizon / size / nonesize
  • (注)初期値:出荷時のXMLデフォルト情報(default_values.properties)値を表します。ユーザにより値の変更が行われた場合は内容が異なります。


8.2.3記述例

GroupAlignmentサンプル1

整列方向(Vector属性)に関するサンプルです。

  • Vector="none"指定の場合、GroupAlignmentに含まれる各要素は座標どおりに表示されます。
    (例:Group1、2)
  • Vector="vertical"指定の場合、GroupAlignmentに含まれる各要素はページレイアウト情報が解析される順に
    上から下へ整列されます。(例:Group3、4)
  • Vector="horizon"指定の場合、GroupAlignmentに含まれる各要素はページレイアウト情報が解析される順に
    左から右へ整列されます。 (例:Group5、6)

GroupAlignmentサンプル1
(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample1.xml』)

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="GroupAlignmentSample1" Width="140" Height="140" X="10" Y="10" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- (1)Group1 -->

    <Square Width="45" Height="25" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group1" Width="45" Height="25" Horizon="left" Vertical="bottom" Vector="none" Narrow="size">
        <Square Name="square1" Width="25" Height="5" X="0" Y="0" FillColor="255,0,0" LineStyle="Solid"/>

        <Square Name="square2" Width="25" Height="5" X="10" Y="10" FillColor="0,255,0" LineStyle="Solid"/>

        <Square Name="square3" Width="25" Height="5" X="20" Y="20" FillColor="0,0,255" LineStyle="Solid"/>

    </GroupAlignment>
    <!-- (2)Group2 -->

    <Square Width="45" Height="25" X="60" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group2" Width="45" Height="25" X="60" Horizon="left" Vertical="bottom" Vector="none" Narrow="size">
        <Square Name="square1" Width="25" Height="5" FillColor="255,0,0" LineStyle="Solid"/>

        <Square Name="square2" Width="25" Height="5" FillColor="0,255,0" LineStyle="Solid"/>

        <Square Name="square3" Width="25" Height="5" FillColor="0,0,255" LineStyle="Solid"/>

    </GroupAlignment>
    <!-- (3)Group3 -->

    <Square Width="45" Height="25" Y="40" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group3" Width="45" Height="25" Y="40" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="size">
        <Square Name="square1" Width="25" Height="5" FillColor="255,0,0" LineStyle="Solid"/>

        <Square Name="square2" Width="25" Height="5" FillColor="0,255,0" LineStyle="Solid"/>

        <Square Name="square3" Width="25" Height="5" FillColor="0,0,255" LineStyle="Solid"/>

    </GroupAlignment>
    <!-- (4)Group4 -->

    <Square Width="45" Height="25" X="60" Y="40" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group4" Width="45" Height="25" X="60" Y="40" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="size">
        <Square Name="square1" Width="25" Height="5" Y="10" FillColor="255,0,0" LineStyle="Solid"/>

        <Square Name="square2" Width="25" Height="5" Y="10" FillColor="0,255,0" LineStyle="Solid"/>

        <Square Name="square3" Width="25" Height="5" FillColor="0,0,255" LineStyle="Solid"/>

    </GroupAlignment>
    <!-- (5)Group5 -->

    <Square Width="85" Height="5" Y="80" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group5" Width="85" Height="5" Y="80" Horizon="left" Vertical="bottom" Vector="horizon" Narrow="size">
        <Square Name="square1" Width="25" Height="5" FillColor="255,0,0" LineStyle="Solid"/>

        <Square Name="square2" Width="25" Height="5" FillColor="0,255,0" LineStyle="Solid"/>

        <Square Name="square3" Width="25" Height="5" FillColor="0,0,255" LineStyle="Solid"/>

    </GroupAlignment>
    <!-- (6)Group6 -->

    <Square Width="85" Height="5" Y="100" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group6" Width="85" Height="5" Y="100" Horizon="left" Vertical="bottom" Vector="horizon" Narrow="size">
        <Square Name="square1" Width="25" Height="5" FillColor="255,0,0" LineStyle="Solid"/>

        <Square Name="square2" Width="25" Height="5" X="10" FillColor="0,255,0" LineStyle="Solid"/>

        <Square Name="square3" Width="25" Height="5" X="10" FillColor="0,0,255" LineStyle="Solid"/>

    </GroupAlignment>
</Layout>

生成されるPDF(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample1.pdf』)

GroupAlignmentサンプル1
  • Vector="none"の場合、各要素は座標どおりに表示されます。
  • Vector="none"で座標が指定されない場合、各要素は全て同位置に表示されます。
  • Vector="vertical"の場合、各要素は垂直方向に整列されて表示されます。ページレイアウト情報が解析される順に上から下へ整列されるため、group3では、上からsquare1、square2、square3の順になります。
  • ※group3の場合、height="5"のsquareが縦方向に整列されているので、Vector="none"でsquare1(0,10)、square2(0,5)、square3(0,0)と指定した場合の表示と同じものになります。
  • Vector="vertical"で座標が指定された場合、各要素が垂直方向に整列された後、座標が考慮されます。Group4ではsquare1、square2でそれぞれY="10"が指定されているため、垂直方向に整列された場合のY座標+10の位置にそれぞれ表示されることになります。
  • ※group4の場合、height="5"のsquareが縦方向に整列された上でlabel1、label2にY="10"と指定されているので、Vector="none"でsquare1(0,20)、square2(0,15)、square3(0,0)と指定した場合の表示と同じものになります。(label1、label2のY座標は、group3の各Y座標に+10したものになります。)
  • Vector="horizon"の場合、各要素は水平方向に整列されて表示されます。ページレイアウト情報が解析される順に左から右へ整列されるため、group5では、左からsquare1、square2、square3の順になります。
  • Vector="horizon"で座標が指定された場合、各要素が水平方向に整列された後、座標が考慮されます。Group6ではsquare1、square2でそれぞれX="10"が指定されているため、水平方向に整列された場合のX座標+10の位置にそれぞれ表示されることになります。

GroupAlignmentサンプル2

水平方向の整列(Horizon属性)に関するサンプルです。

GroupAlignmentサンプル2
(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample2.xml』)

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="GroupAlignmentSample2" Width="110" Height="80" X="10" Y="10" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <Square Width="70" Height="5" X="5" Y="45" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group1" Width="70" Height="5" X="5" Y="45" Horizon="left" Vertical="bottom" Vector="horizon" Margin="start:0;end:0;top:1;bottom:1" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">指定なし(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">指定なし(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">指定なし(3)</Label>
    </GroupAlignment>
    <Square Width="70" Height="5" X="5" Y="35" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group2" Width="70" Height="5" X="5" Y="35" Horizon="left" Vertical="bottom" Vector="horizon" Margin="start:0;end:0;top:1;bottom:1" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">左揃え(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">左揃え(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">左揃え(3)</Label>
    </GroupAlignment>
    <Square Width="70" Height="5" X="5" Y="25" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group3" Width="70" Height="5" X="5" Y="25" Horizon="center" Vertical="bottom" Vector="horizon" Margin="start:0;end:0;top:1;bottom:1" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">中央揃え(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">中央揃え(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">中央揃え(3)</Label>
    </GroupAlignment>
    <Square Width="70" Height="5" X="5" Y="15" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group4" Width="70" Height="5" X="5" Y="15" Horizon="right" Vertical="bottom" Vector="horizon" Margin="start:0;end:0;top:1;bottom:1" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">右揃え(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">右揃え(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">右揃え(3)</Label>
    </GroupAlignment>
    <Square Width="70" Height="5" X="5" Y="5" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group5" Width="70" Height="5" X="5" Y="5" Horizon="even" Vertical="bottom" Vector="horizon" Margin="start:0;end:0;top:1;bottom:1" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">均等割付(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">均等割付(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">均等割付(3)</Label>
    </GroupAlignment>
</Layout>

生成されるPDF(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample2.pdf』)



GroupAlignmentサンプル2
  • group1:Horizon指定なし
  • group2:Horizon = "left"
  • group3:Horizon = "center"
  • group4:Horizon = "right"
  • group5:Horizon = "even"

※Vector = "horizon"指定となっているため、各groupに含まれる項目は水平方向に整列されます。


各groupを囲む枠線は、<GroupAlignment>のX,Y,Width,Height属性で指定された描画領域を表します。
※整列は描画領域内で行われます。


GroupAlignmentサンプル3

垂直方向の整列(Vertical属性)に関するサンプルです。

GroupAlignmentサンプル3
(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample3.xml』)

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="GroupAlignmentSample3" Width="95" Height="35" X="10" Y="10" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- (1)Group1 -->

    <Square Width="10" Height="15" X="0" Y="-0.25" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group1" Width="10" Height="15" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">指定なし(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">指定なし(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">指定なし(3)</Label>
    </GroupAlignment>
    <!-- (2)Group2 -->

    <Square Width="10" Height="15" X="15" Y="-0.25" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group2" Width="10" Height="15" X="15" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">下揃え(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">下揃え(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">下揃え(3)</Label>
    </GroupAlignment>
    <!-- (3)Group3 -->

    <Square Width="10" Height="15" X="30" Y="-0.25" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group3" Width="10" Height="15" X="30" Horizon="left" Vertical="center" Vector="vertical" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">中央揃え(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">中央揃え(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">中央揃え(3)</Label>
    </GroupAlignment>
    <!-- (4)Group4 -->

    <Square Width="10" Height="15" X="45" Y="-0.25" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group4" Width="10" Height="15" X="45" Horizon="left" Vertical="top" Vector="vertical" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">上揃え(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">上揃え(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">上揃え(3)</Label>
    </GroupAlignment>
    <!-- (5)Group5 -->

    <Square Width="10" Height="15" X="60" Y="-0.25" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group5" Width="10" Height="15" X="60" Horizon="left" Vertical="even" Vector="vertical" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">均等割付(1)</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">均等割付(2)</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="5" FontStyle="PLAIN" Narrow="horizon">均等割付(3)</Label>
    </GroupAlignment>
</Layout>


生成されるPDF(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample3.pdf』)

GroupAlignmentサンプル3

※Vector = "vertical"指定となっているため、各groupに含まれる項目は垂直方向に整列されています。

  • group1:Vertical指定なし
  • group2:Vertical= "bottom"
  • group3:Vertical= "center"
  • group4:Vertical= "top"
  • group5:Vertical= "even"

各groupを囲む枠線は、<GroupAlignment>の
X,Y, Width,Height属性で指定された描画領域を表します。
※整列は描画領域内で行われます。


GroupAlignmentサンプル4

行間(LineSpace属性)に関するサンプルです。

GroupAlignmentサンプル4
(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample4.xml』)

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="GroupAlignmentSample4" Width="80" Height="50" X="10" Y="10" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <Square Width="10" Height="15" Y="-0.5" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group1" Width="10" Height="15" Horizon="left" Vertical="bottom" Vector="vertical" LineSpace="0" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">1行目</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">2行目</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">3行目</Label>
    </GroupAlignment>
    <Square Width="10" Height="15" X="15" Y="-0.5" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group2" Width="10" Height="15" X="15" Horizon="left" Vertical="bottom" Vector="vertical" LineSpace="1" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">1行目</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">2行目</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">3行目</Label>
    </GroupAlignment>
    <Square Width="10" Height="15" X="30" Y="-0.5" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group3" Width="10" Height="15" X="30" Horizon="left" Vertical="bottom" Vector="vertical" LineSpace="2" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">1行目</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">2行目</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">3行目</Label>
    </GroupAlignment>
    <Square Width="10" Height="15" X="45" Y="-0.5" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group4" Width="10" Height="15" X="45" Horizon="left" Vertical="bottom" Vector="vertical" LineSpace="3" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">1行目</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">2行目</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontSize="7" FontStyle="PLAIN" Narrow="horizon">3行目</Label>
    </GroupAlignment>
</Layout>

生成されるPDF(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample4.pdf』)

GroupAlignmentサンプル4
  • group1:LineSpace = "0" ("0"の場合各要素は隙間無く整列されますが、フォントの仕様によっては、スペースが空いたように見える場合もあります。)
  • group2:LineSpace = "1"
  • group3:LineSpace = "2"
  • group4:LineSpace = "3"


GroupAlignmentサンプル5

領域にデータが入りきらない場合の圧縮方法指定(Narrow属性)に関するサンプルです。

GroupAlignmentサンプル5
(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample5.xml』)

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="GroupAlignmentSample5" Width="100" Height="100" X="10" Y="10" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <!-- (1)Group1 -->

    <Square Width="25" Height="15" Y="60" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group1" Width="25" Height="15" Y="60" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">指定なし</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">圧縮方法指定サンプル圧縮方法指定サンプル</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">1</Label>
    </GroupAlignment>
    <!-- (2)Group2 -->

    <Square Width="25" Height="15" Y="40" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group2" Width="25" Height="15" Y="40" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="size">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">フォント圧縮</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">圧縮方法指定サンプル圧縮方法指定サンプル</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">2</Label>
    </GroupAlignment>
    <!-- (3)group3 -->

    <Square Width="25" Height="15" Y="20" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group3" Width="25" Height="15" Y="20" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="horizon">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">幅圧縮</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">圧縮方法指定サンプル圧縮方法指定サンプル</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">3</Label>
    </GroupAlignment>
    <!-- (4)Group4 -->

    <Square Width="25" Height="15" LineColor="14,0,176" LineStyle="Solid"/>

    <GroupAlignment Name="Group4" Width="25" Height="15" Horizon="left" Vertical="bottom" Vector="vertical" Narrow="none">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">圧縮なし</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">圧縮方法指定サンプル圧縮方法指定サンプル</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">4</Label>
    </GroupAlignment>
</Layout>

生成されるPDF(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample5.pdf』)


GroupAlignmentサンプル5
  • group1:Narrow 指定なし("size"指定と同内容)
  • group2:Narrow = "size"
  • group3:Narrow = "horizon"
  • group4:Narrow = "none"

各groupを囲む枠線は、<GroupAlignment>のX,Y,
Width,Height属性で指定された描画領域を表します。
※整列は描画領域内で行われます。

※<GroupAlignment>の中に1つでも描画領域に入りきらないデータがある場合、
<GroupAlignment>内の全ての項目がNarrow指定に従って圧縮されます。



GroupAlignmentサンプル6

GroupAlignmentの背景/枠線などの書式設定に関するサンプルです。

GroupAlignmentサンプル6
(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample6.xml』)

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="GroupAlignmentSample6" Width="170" Height="100" X="10" Y="10" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:bs="http://www.brainsellers.com/schema" xmlns:svg="http://www.brainsellers.com/schema" xmlns:form="http://www.brainsellers.com/schema" xmlns:pdf="http://www.brainsellers.com/schema" version="5.0.0">
    <Square Width="135" Height="60" LineColor="14,0,176" LineStyle="Solid"/>

    <!-- (1)Group1 -->

    <GroupAlignment Name="Group1" Width="50" Height="40" X="10" Y="10" Horizon="center" Vertical="center" Vector="horizon" LineColor="25,25,112" LineWidth="1" Radius="8" Corners="false;false;true;true" Narrow="size">
        <Square Width="10" Height="10" FillColor="255,0,0" LineStyle="Solid"/>

        <Square Width="10" Height="10" FillColor="0,255,0" LineStyle="Solid"/>

        <Square Width="10" Height="10" FillColor="0,0,255" LineStyle="Solid"/>

    </GroupAlignment>
    <!-- (2)Group2 -->

    <GroupAlignment Name="Group2" Width="55" Height="40" X="70" Y="10" Horizon="left" Vertical="center" Vector="vertical" FillColor="173,216,230" Radius="5" Margin="start:5;end:5;top:0;bottom:0" Narrow="horizon">
        <Label Name="label1" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontColor="0,0,255" FontStyle="PLAIN" Narrow="horizon">ラベル1ラベル1ラベル1ラベル1</Label>
        <Label Name="label2" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">ラベル2ラベル2ラベル2ラベル2</Label>
        <Label Name="label3" Horizon="left" Vertical="bottom" Vector="horizon" Font="MSGothic" FontStyle="PLAIN" Narrow="horizon">ラベル3ラベル3ラベル3ラベル3</Label>
    </GroupAlignment>
</Layout>

生成されるPDF(『<biz-Stream_home>/sample/xml/GroupAlignment/GroupAlignmentSample6.pdf』)


GroupAlignmentサンプル6
  • group1:Corners="false;false;true;true"、Radius="8"、LineWidth="1"、LineColor="25,25,112"
  • group2:Radius="5"、FillColor="173,216,230"、Margin="start:5;end:5"
  • Corners、Radius、LineWidth、LineColor、FillColor属性を指定することにより、GroupAlignmentとその他要素(ex.Square、Round)を重ねることなく、背景/枠線/余白などを指定することができます。
  • Corners、Radiusは「Round(角丸四角形)」と同内容の機能となります。詳細機能や指定方法は「Round」を参照ください。
  • Margin属性では、背景や枠線との余白を指定します。
    Margin="start:1;end:2;top:3;bottom:4"と指定した場合、左端余白1、右端余白2、上部余白3、下部余白4となります。