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

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

&tag(WPF/図形の描画);

目次†[edit]

参考情報†[edit]

• <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

基本†[edit]

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

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

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

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

Ellipse†[edit]

• 固定サイズで描画

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

Rectangle†[edit]

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

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