原創|使用教程|編輯:鄭恭琳|2019-09-02 16:44:17.530|閱讀 630 次
概述:在本文的第一部分,我們回顧了FastReport.Net 2019.4在矢量圖形方面的創新。現在可以通過貝塞爾曲線構造折線和多邊形。在本文中,我們將考慮使用報表腳本創建曲線的可能性。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
在本文的第一部分,我們回顧了FastReport.Net 2019.4在矢量圖形方面的創新?,F在可以通過貝塞爾曲線構造折線和多邊形。在本文中,我們將考慮使用報表腳本創建曲線的可能性。
目前,有兩種方法可以從代碼創建曲線:使用PolyLineObject對象或從SVG加載多邊形。
如您所知,報表腳本可適用于任何報表對象,因此我們可以使用PolyLineObject設置點并將它們連接起來以創建形狀。在顯示對象之前運行代碼,這意味著您需要為Polygon對象創建BeforePrint事件處理程序。讓我們看一個真實的例子。
將Polygon對象添加到報表頁面。為了不創建形狀的關鍵點,只需按Esc。在對象屬性檢查器中,選擇事件“Events”。創建BeforePrint事件處理程序:
讓我們在處理程序中編寫以下代碼:
private void Polygon4_BeforePrint(object sender, EventArgs e) { // Create a star shape int spikes = 5; //Number of spikes PolyLineObject obj = sender as PolyLineObject; PolyLineObject.PolyPointCollection points = obj.Points; points.Clear(); const float outerRadius = 70; //External radius const float innerRadius = 30; //Internal radius float rot = (float)(Math.PI / 2 * 3); // Tilt angle const float cx = 0; const float cy = 0; float x = cx; float y = cy; float step = (float)(Math.PI / spikes); // Vertex creation step obj.Width = 100; obj.Height = 100; obj.CenterX = 50; obj.CenterY = 50; points.Add(new PolyLineObject.PolyPoint(cx, cy - outerRadius)); //Добавляем точки for (int i = 0; i < spikes; i++) { // Coordinates of interior points x = cx + (float)Math.Cos(rot) * outerRadius; y = cy + (float)Math.Sin(rot) * outerRadius; points.Add(new PolyLineObject.PolyPoint(x, y)); rot += step; // Next point // Coordinates of external points x = cx + (float)Math.Cos(rot) * innerRadius; y = cy + (float)Math.Sin(rot) * innerRadius; points.Add(new PolyLineObject.PolyPoint(x, y)); rot += step; } }
結果,我們得到了一個五角星:
在上面的示例中,我們計算了構建形狀的坐標,但是如果您已經有一個坐標列表,那么只需將它們添加到點集合中:points.Add(new PolyLineObject.PolyPoint(x, y));
但是如果形狀比上面的例子復雜得多呢?創建它的代碼量太大。在這種情況下,您可以使用對象SVG。例如,它的路徑屬性。我們可以將svg圖像路徑的一組元素轉換為點,并使用它們構建多邊形??紤]貝塞爾曲線很重要。如何做到這一點,您將在下面的代碼中看到:
private void PolyLine2_BeforePrint(object sender, EventArgs e) { PolyLineObject obj = sender as PolyLineObject; PolyLineObject.PolyPointCollection points = obj.Points; points.Clear (); // Svg builder along the way SvgPathBuilder builder = new SvgPathBuilder (); // Load the list of segments from the string SvgPathSegmentList list = builder.ConvertFromString ("M91.734 10.5L66.6384 59.025 10.5 66.8258l40.643 37.749-9.5696 53.327 50.2094-25.1932 50.234 25.1582-9.6124-53.321 40.6154-37.778-56.1505-7.76z") as SvgPathSegmentList; GraphicsPath _path = new GraphicsPath (); foreach (SvgPathSegment segment in list) { segment.AddToPath (_path); } PolyLineObject.PolyPoint point = null; for (int i = 0; i < _path.PointCount; i++) { PointF pnt = _path.PathPoints[i]; byte type = _path.PathTypes[i]; // If you have a curve, you have to consider three contractors. if (type == 3) { PointF pnt1 = _path.PathPoints[i]; PointF pnt2 = _path.PathPoints[i + 1]; PointF pnt3 = _path.PathPoints[i + 2]; i += 2; // Curvature to the right point.RightCurve = new PolyLineObject.PolyPoint (pnt1.X - point.X, pnt1.Y - point.Y); //Point point = new PolyLineObject.PolyPoint (pnt3.X, pnt3.Y); // Curvature to the left point.LeftCurve = new PolyLineObject.PolyPoint (pnt2.X - point.X, pnt2.Y - point.Y); } else { // Ordinary point point = new PolyLineObject.PolyPoint (pnt.X, pnt.Y); } // Add points points.Add (point); } obj.CenterX = 0; obj.CenterY = 0; obj.RecalculateBounds (); obj.Top = 0; obj.Left = 0; } }
這段代碼將向我們展示這種類型的五角星:
在SvgPathSegmentList類型的列表中,我們放置SVG文件的path標記中的元素。然后,我們獲取點的坐標并將它們添加到PolyLine對象。在此示例中,我們以直線段顯示對象,但您也可以使用曲線,例如:
...
SvgPathSegmentList list = builder.ConvertFromString ("m101.87775,57.26873c31.12829,-82.10042 153.08994,0 0,105.55768c-153.08994,-105.55768 -31.12829,-187.65809 0,-105.55768z") as SvgPathSegmentList;
...
結果,我們得到:
有必要考慮坐標平面是Polyline或Polygon對象所在的波段。因此,在放置物體的波段中的哪個位置并不重要。它將根據指定的坐標顯示。
使用我們考慮從腳本創建多邊形的第二種方法,您將能夠顯示先前創建的矢量圖。無需花費大量時間手動創建多邊形。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn