&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]]を使うのがいいかも。