矢印のような
説明
ArrowShape には、さまざまな外観があります。特に次のオプションに注目してください。
矢印の「終点」と「始点」は位置によってのみ区別されることに注意してください。
ArrowShape は、グラフィックが複雑であり、あらゆる状況で左右対称の適切な矢印を生成するために一部の寸法をピクセルに数量化します。重要な機能 (線の幅など) は、デバイス ピクセル数の整数値に丸められます。(Shape.get-local-device-pixel-size がローカル スケールを考慮するために使用されます。)
終点の幅と線の幅は、実際にはデバイス ピクセル サイズの偶数の倍数になるように数量化されることに注意してください。これは矢印を左右対称にするためです。これらのすべてのルールの結果として、矢印の線の幅は 2 デバイス ピクセルより細くなることはありません。
注意事項
このクラスは次の形状オプションを使用します。
このオブジェクトは、"ArrowShape"のスタイル ルールを記述することによってスタイル化することが出来ます。
例
| 例 | |
 | |
{import * from CURL.GUI.SHAPES}
{let arrow:ArrowShape =
{ArrowShape
{Distance2d 0cm, 2cm},
{Distance2d 6cm, 2cm},
arrow-head-width = .75cm,
arrow-tail-width = .75cm,
arrow-head-style = ArrowStyle.simple,
arrow-tail-style = ArrowStyle.none,
color = FillPattern.silver,
border-color = FillPattern.navy
}
}
{VBox
halign = "center",
{HBox spacing = .5cm,
{VBox
{DropdownList
width = 2in,
ArrowStyle.none,
ArrowStyle.simple,
ArrowStyle.solid,
ArrowStyle.tick-mark,
ArrowStyle.tail,
ArrowStyle.solid-tail,
value = arrow.arrow-tail-style,
{on ValueFinished at list:DropdownList do
set arrow.arrow-tail-style = list.value asa ArrowStyle
}
},
{HBox
"Tail width (cm):",
{Fill},
{TextField
width = .5in,
value = {format "%.2f", arrow.arrow-tail-width / 1cm},
{on ValueFinished at field:TextField do
set arrow.arrow-tail-width = {field.value.to-double} * 1cm
}
}
},
{HBox
"Tail length (cm):",
{Fill},
{TextField
width = .5in,
value = {format "%.2f", arrow.arrow-tail-length / 1cm},
{on ValueFinished at field:TextField do
set arrow.arrow-tail-length = {field.value.to-double} * 1cm
}
}
}
},
{VBox
{Fill},
"Body width (cm):",
{TextField
width = .5in,
value = {format "%.2f", arrow.arrow-body-width / 1cm},
{on ValueFinished at field:TextField do
set arrow.arrow-body-width = {field.value.to-double} * 1cm
}
}
},
{VBox
{DropdownList
width = 2in,
ArrowStyle.none,
ArrowStyle.simple,
ArrowStyle.solid,
ArrowStyle.tick-mark,
ArrowStyle.tail,
ArrowStyle.solid-tail,
value = arrow.arrow-head-style,
{on ValueFinished at list:DropdownList do
set arrow.arrow-head-style =
list.value asa ArrowStyle
}
},
{HBox
"Head width (cm):",
{Fill},
{TextField
width = .5in,
value = {format "%.2f", arrow.arrow-head-width / 1cm},
{on ValueFinished at field:TextField do
set arrow.arrow-head-width = {field.value.to-double} * 1cm
}
}
},
{HBox
"Head length (cm):",
{Fill},
{TextField
width = .5in,
value = {format "%.2f", arrow.arrow-head-length / 1cm},
{on ValueFinished at field:TextField do
set arrow.arrow-head-length = {field.value.to-double} * 1cm
}
}
}
}
},
{Canvas
width = 6cm,
height = 4cm,
arrow
}
}
|