WPF/図形の描画 の履歴(No.3)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• WPF/図形の描画 へ行く。
  • 1 (2012-07-16 (月) 02:58:54)
  • 2 (2012-07-16 (月) 03:10:54)
  • 3 (2012-07-18 (水) 02:54:24)
  • 4 (2012-07-18 (水) 07:25:58)
  • 5 (2012-07-27 (金) 00:48:58)

Tag: WPF/図形の描画

目次†

参考情報†

• <howto>Add decorations to WPF shapes</howto> - Essential WPF…WPFのShapeにテキスト装飾を追加する方法。
• Centering Text within a WPF Shape using a Canvas - Paul Sheriff's Blog for the Real World
• Graph#
• Linking WPF Objects together with a simple line (ala flowchart)

• WPF Diagram Designer Part 1

• WPF Diagram Designer - Part 2 - CodeProject
• WPF Diagram Designer - Part 3 - CodeProject
• WPF Diagram Designer - Part 4 - CodeProject

基本†

• Sharpクラスのサブクラスを使う。Rectangle / Ellipse / Line / Polyline / Polygon / Path
• GridやStackPanelの通常のコントロールに追加することもできるが、Canvasで座標指定することもできる。

  <Ellipse Canvas.Left="100" Canvas.Top="50" />

• CanvasをリサイズするときはViewboxに入れる。

  <Viewbox>
   <Canvas>
   </Canvas>
  </Viewbox>
  

Ellipse†

• 固定サイズで描画

  <Ellipse Fill="Yellow" Stroke="Blue" Height="50" Width="100" Margin="5" HorizontalAlignment="Left"></Ellipse>

Rectangle†

• RadiusX, RadiusYを指定すると角丸になる。

  <Rectangle Fill="Yellow" Stroke="Blue" Height="50" Width="100" Margin="5" HorizontalAlignment="Left" RadiusX="10" RadiusY="10"></Rectangle>