🌟 クイックスタート

Graphic2DControl クイックスタート

Graphic2DControl をフォームに配置するまで(約5分)

Step 1:NuGet からインストール

まず、Graphic2DControl を使用するプロジェクトを右クリックし、
「NuGet パッケージの管理(N)…」 をクリックします。

NuGet 管理

検索欄に graphicbox と入力すると GraphicBox2D が表示されるので、
選択して 「インストール」 を押します。

インストール

Step 2:ツールボックスにコントロールを追加

NuGet インストール後、
ツールボックス上で右クリック →「アイテムの選択」 を押します。

アイテムの選択

Step 3:DLL を選択

ソリューションファイルと同じ階層にある
packages フォルダ内の、以下の DLL を選択します。

GraphicBox2D.X.X.X
 └ lib
   └ net472
     └ graphicbox2d.dll
DLL 選択

選択後、「OK」 を押してダイアログを閉じます。

Step 4:ツールボックスに表示される

ツールボックスに Graphic2DControl が表示され、
使用可能な状態になります。

ツールボックス表示

Step 5:フォームに配置

ツールボックスから ドラッグ&ドロップ
フォームに配置してください。

配置
💡 ヒント
デフォルトのコントロールサイズは 500 × 500 です。
必要に応じて自由にサイズ変更できます。

Step 5:サンプルソースを実行

ボタン押下イベントなどに、以下のソースを張り付けて実行してみましょう。

/ Point
Point2D point = new Point2D();
point.X = -1;
point.Y = -1;
this.graphic2DControl1.Points.Add(point);

// Circle
Circle2D circle = new Circle2D();
circle.X = 3;
circle.Y = 3;
circle.R = 1.0f;
circle.IsFilled = false;
circle.LineColor = Color.Red;
this.graphic2DControl1.Circles.Add(circle);

// Polygon
Polygon2D polygon2D = new Polygon2D();
polygon2D.IsDrawOutLine = true;
polygon2D.LineColor = Color.Yellow;
polygon2D.LineStyle = DashStyle.Solid;
polygon2D.IsFilled = true;
polygon2D.FillColor = Color.Green;
polygon2D.Points.Add(new PointF(-2, 2));
polygon2D.Points.Add(new PointF(-1, 4));
polygon2D.Points.Add(new PointF(0, 2));
this.graphic2DControl1.Polygons.Add(polygon2D);

// Arrow
Arrow2D arrow = new Arrow2D();
arrow.Start = new Point(0, 0);
arrow.End = new Point(3, 3);
arrow.Color = Color.Green;
arrow.Style = DashStyle.Solid;
this.graphic2DControl1.Arrows.Add(arrow);

// Text : Welcome
Text2D text = new Text2D();
text.X = -3;
text.Y = -3;
text.FontSize = 16.0f;
text.Text = "ようこそ、3D数学";
text.Angle = 30.0f;
this.graphic2DControl1.Texts.Add(text);

// Text : Angle
Text2D text2 = new Text2D();
text2.X = 0.4f;
text2.Y = 0.4f;
text2.FontSize = 11.0f;
text2.Text = "45°";
text2.Color = Color.Cyan;
this.graphic2DControl1.Texts.Add(text2);

// Text : cosθ
Text2D text3 = new Text2D();
text3.X = 1.5f;
text3.Y = 1.0f;
text3.FontSize = 16.0f;
text3.Text = "cosθ";
this.graphic2DControl1.Texts.Add(text3);

// Arc
Arc2D arc = new Arc2D();
arc.X = 0;
arc.Y = 0;
arc.R = 1.0f;
arc.StartAngle = 0f;
arc.EndAngle = 45.0f;
arc.IsFilled = false;
arc.LineColor = Color.Cyan;
this.graphic2DControl1.Arcs.Add(arc);

// Graph
Graph2D graph = new Graph2D();
graph.Susiki = "cos(x)";
graph.StartX = -5.0f;
graph.EndX = 5.0f;
graph.Color = Color.White;
graph.CalculateInterval = 0.05f;
graph.CalculateGraphPoints();
this.graphic2DControl1.Graphs.Add(graph);

// Redraw
this.graphic2DControl1.Invalidate();

Graphic2DControl クイックスタート

様々な図形が描画されます。

🎉 完了!

  • 📘 プロパティリファレンス
  • ⚙ メソッドリファレンス
  • 🖱 イベントリファレンス