biz-Streamマニュアル › XMLページレイアウトタグリファレンス › 第5章図形 › 5.4 角丸四角形<Round>

5.4 角丸四角形<Round>

5.4.1機能説明
5.4.2属性説明
5.4.3記述例

5.4.1機能説明

角丸四角形の定義を行います。

5.4.2属性説明

属性名	指定	説明	型	指定内容	初期値
Name	任意	名前	CDATA		－
Width	必須	図形の幅	CDATA		－
Height	必須	図形の高さ	CDATA		－
X	任意	X座標	CDATA		0
Y	任意	Y座標	CDATA		0
Unit	任意	単位	(Choice)	mm / cm / in / px / pt	mm
LineColor	任意	線の色	CDATA		－
LineWidth	任意	線の幅	CDATA		0.1
FillColor	任意	塗りつぶし色	CDATA		－
Radius	必須	半径	CDATA		0
Corners	任意	角丸の設定	CDATA	角丸指定を解除する角にはfalseを指定。（左下;右下;右上;左上）	true;true;true;true
LineStyle	任意	線のスタイル	(Choice)	「6.2　線<Line>」にある属性説明の「LineStyle属性」を参照	Solid

（注）初期値：出荷時のXMLデフォルト情報（default_values.properties）値を表します。ユーザにより値の変更が行われた場合は内容が異なります。

5.4.3記述例

Roundサンプル1

Roundサンプル1（『<biz-Stream_home>/sample/xml/Round/RoundSample1.xml』）


<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="RoundSample1" Width="130" Height="70" 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="100" Height="40" LineColor="14,0,176" LineStyle="Solid"/>

    <!-- (1)Round1(Round1枠線，Round1，Round1の軸線) -->

    <Square Width="20" Height="20" X="10" Y="5" LineColor="105,105,105" LineStyle="Solid"/>

    <Round Name="Round1" Width="20" Height="20" X="10" Y="5" LineColor="0,0,0" FillColor="102,102,102" Radius="4" LineStyle="Solid"/>

    <Line StartX="10" StartY="15" EndX="40" EndY="15" Horizon="left" Vertical="bottom" LineColor="255,255,255" LineStyle="Solid"/>

    <Line StartX="20" StartY="5" EndX="20" EndY="25" Horizon="left" Vertical="bottom" LineColor="255,255,255" LineStyle="Solid"/>

    <!-- (2)Round2(Round2枠線，Round2，Round2の軸線) -->

    <Square Width="40" Height="20" X="50" Y="5" LineColor="105,105,105" LineStyle="Solid"/>

    <Round Name="Round2" Width="40" Height="20" X="50" Y="5" LineColor="0,0,0" FillColor="204,204,204" Radius="10" LineStyle="Solid"/>

    <Line StartX="50" StartY="15" EndX="90" EndY="15" Horizon="left" Vertical="bottom" LineColor="105,105,105" LineStyle="Solid"/>

    <Line StartX="70" StartY="5" EndX="70" EndY="25" Horizon="left" Vertical="bottom" LineColor="105,105,105" LineStyle="Solid"/>

</Layout>

生成されるPDF（『<biz-Stream_home>/sample/xml/Round/RoundSample1.pdf』）

Roundサンプル1

Round1・Round2を囲む枠線および、軸線は理解を助けるために引いた補助線です。

①Round1：幅20、高さ：20、半径：4
②Round2：幅40、高さ：20、半径：10

Roundサンプル2

Roundサンプル2（『<biz-Stream_home>/sample/xml/Round/RoundSample2.xml』）

<?xml version="1.0" encoding="UTF-8"?>
<!-- XML file created by biz-Stream Designer -->
<!-- biz-Stream Copyright BrainSellers.com Corp. -->
<Layout Name="RoundSample2" Width="240" Height="170" 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="200" Height="130" LineColor="14,0,176" LineStyle="Solid"/>

    <!-- (1)Round1 -->

    <Round Name="Round1" Width="70" Height="40" X="20" Y="10" LineColor="0,0,0" Radius="10" Corners="true;false;false;false" LineStyle="Solid"/>

    <!-- (2)Round2 -->

    <Round Name="Round2" Width="70" Height="40" X="20" Y="80" LineColor="0,0,0" Radius="10" Corners="false;true;false;false" LineStyle="Solid"/>

    <!-- (3)Round3 -->

    <Round Name="Round3" Width="70" Height="40" X="110" Y="80" LineColor="0,0,0" Radius="10" Corners="false;false;true;false" LineStyle="Solid"/>

    <!-- (4)Round4 -->

    <Round Name="Round4" Width="70" Height="40" X="110" Y="10" LineColor="0,0,0" Radius="10" Corners="false;false;false;true" LineStyle="Solid"/>

</Layout>

生成されるPDF（『<biz-Stream_home>/sample/xml/Round/RoundSample2.pdf』）

Roundサンプル2

①Round1：Corners="true;false;false;false"
②Round2：Corners="false;true;false;false"
③Round3：Corners="false;false;true;false"
④Round4：Corners="false;false;false;true"

Roundサンプル3

Corners属性の指定方法：Corners=" A ; B ; C ; D "
A、B、C、Dはそれぞれ下記の角に対応しており、"true"を指定した角のみ角丸となります。

※Corners属性を指定しない場合、(true;true;true;true)が初期値となるため、全て角丸となります。

前へ次へ