メインコンテンツまでスキップ

ShapeBox

概要

尻尾(tail)の付いた吹き出し形状の図形ボックスを描きます。背景色・枠線と、尻尾の方向・位置を指定できます。たとえば吹き出し形状のツールチップやバッジの背景として使います。

プロパティ

プロパティ説明デフォルト値
Size(width・height)吹き出し図形を描く領域のサイズを指定します。Studioの編集パネルでは1つのSize項目にまとめられ、幅(width)・高さ(height)を一緒に設定します。未設定の場合は子コンテンツのサイズに従います。数値(0以上) - 幅・高さ未設定
direction尻尾が付く方向を指定します。上・下は縦型、左・右は横型で描きます。left, right, top, bottombottom
color吹き出し本体を塗るカラーを指定します。カラー
radius吹き出しの角の丸みを指定します。未設定の場合は角ばった角になり、未設定のまま尻尾の位置が0または100のときは尻尾も角ばって描かれます。数値未設定
lineWidth外枠線の太さを指定します。枠線のカラーが指定されている場合にのみ適用されます。数値(0以上)1.0
borderColor値を指定すると、図形の外枠線をそのカラーで描きます。未設定の場合は枠線を描きません。カラー未設定
tailSize尻尾のサイズ(長さ)を指定します。図形の高さ(縦型)または幅(横型)の半分を超える場合は、半分の値に制限されます。数値(0以上)10.0
tailVPos尻尾が辺に沿って付く位置を百分率(0~100)で指定します。0 ~ 10050.0