🌟 クイックスタート

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.LineColor = Color.Yellow;
            polygon2D.LineStyle = LineStyle.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 = LineStyle.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
            MathGraph2D graph = new MathGraph2D();
            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 クイックスタート

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

🎉 完了!

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