&tag(WPF/図形の描画);
*目次 [#sa44a2f4]
#contents
*参考情報 [#ub333a87]
-[[<howto>Add decorations to WPF shapes</howto> - Essential WPF:http://blogs.microsoft.co.il/blogs/tomershamam/archive/2008/09/23/lt-howto-gt-add-decorations-to-wpf-shapes-lt-howto-gt.aspx]]…WPFのShapeにテキスト装飾を追加する方法。
-[[silverlight - Add textblock to ellipse in WPF - Stack Overflow:http://stackoverflow.com/questions/2386214/add-textblock-to-ellipse-in-wpf]]…単にGridで重ねる。
-[[Centering Text within a WPF Shape using a Canvas - Paul Sheriff's Blog for the Real World:http://weblogs.asp.net/psheriff/archive/2010/01/04/centering-text-within-a-wpf-shape-using-a-canvas.aspx]]…VisualBrushとか使う。
-[[how to add shapes to canvas:http://social.msdn.microsoft.com/Forums/nl/wpf/thread/0c3bc14d-28d4-4a09-b4f6-59524f99e029]]…CanvasにSharpをプログラムで追加。
-[[Graph#:http://graphsharp.codeplex.com/]]…WPFで作られたGraphライブラリ。
-[[Linking WPF Objects together with a simple line (ala flowchart):http://social.msdn.microsoft.com/forums/en-US/wpf/thread/dd246675-bc4e-4d1f-8c04-0571ea51267b/]]
-[[WPF Diagram Designer Part 1]]
-[[WPF Diagram Designer - Part 2 - CodeProject:http://www.codeproject.com/Articles/23265/WPF-Diagram-Designer-Part-2]]
-[[WPF Diagram Designer - Part 3 - CodeProject:http://www.codeproject.com/Articles/23871/WPF-Diagram-Designer-Part-3]]
-[[WPF Diagram Designer - Part 4 - CodeProject:http://www.codeproject.com/Articles/24681/WPF-Diagram-Designer-Part-4]]
-[[Petzold Book Blog - Lines with Arrows:http://charlespetzold.com/blog/2007/04/191200.html]]…矢印の描画
*基本 [#m30aa0f0]
-Sharpクラスのサブクラスを使う。Rectangle / Ellipse / Line / Polyline / Polygon / Path
-GridやStackPanelの通常のコントロールに追加することもできるが、Canvasで座標指定することもできる。
 <Ellipse Canvas.Left="100" Canvas.Top="50" />
-CanvasをリサイズするときはViewboxに入れる。
#pre{{
<Viewbox>
 <Canvas>
 </Canvas>
</Viewbox>
}}
**Ellipse [#q2b8d603]
-固定サイズで描画
 <Ellipse Fill="Yellow" Stroke="Blue" Height="50" Width="100" Margin="5" HorizontalAlignment="Left"></Ellipse>

**Rectangle [#i500233b]
-RadiusX, RadiusYを指定すると角丸になる。
 <Rectangle Fill="Yellow" Stroke="Blue" Height="50" Width="100" Margin="5" HorizontalAlignment="Left" RadiusX="10" RadiusY="10"></Rectangle>

**Polyline [#l913cec7]
-折れ線の描画。コーナーを角丸にする方法はない(Borderコントロールのように)。
-[[WPF rounded corners polygon - CodeProject:http://www.codeproject.com/Articles/128705/WPF-rounded-corners-polygon]]を使うのがいいかも。


トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS