MindFusion ASP.NET Pack v2017.R1

MindFusion ASP.NET Pack 2017.R1包含以下新功能和改進：

MindFusion.Diagramming

下面的列表介紹了MindFusion.Diagramming for WebForms的最新更改和補充：

自由形式的節點

FreeFormNode收集用戶鼠標或觸摸輸入的所有點，并將它們顯示為節點的輪廓。 為了讓用戶以交互方式繪制自由形式的節點，請將行為設置為DrawFreeForms或LinkFreeForms。 使用FreeFormNode的Points屬性以編程方式獲取或設置輪廓點。 如果設置了Closed屬性，則節點被繪制為封閉的形狀，并且其內部被填充，否則該節點被繪制為多邊形線。 如果用戶繪制的第一個點和最后一個點之間的距離小于AutoCloseDistance，則該節點的Closed屬性自動設置為true。 AutoCloseDistance的默認值是float.MaxValue，所以自由形式的節點總是關閉的。

將自由格式的圖形轉換為ShapeNodes

其他繪圖模式，便于觸摸輸入，將用戶繪制的FreeFormNode對象轉換為具有匹配形狀的ShapeNode對象。 要啟用它們，請將行為設置為DrawFreeShapes或LinkFreeShapes。 用戶輸入匹配的形狀通過圖的FreeFormTargets屬性設置。 它默認包含Rectangle、Decision和Ellipse形狀。

用戶交互控制器

所有類型的用戶交互現在由控制器對象執行。返回不透明InteractionState實例的BehaviorBase派生類的startDraw方法已被createController方法替換，該方法返回特定于修改項和交互類型的類的控制器。 內置的控制器包括CreateNodeController、CreateLinkController、ModifyNodeController、ModifyLinkController、LaneGridController。 您也可以通過派生和重寫SinglePointerController的方法來創建自定義控制器 -

代碼：

SinglePointerController.prototype =
{
    start: function (position) {},
    move: function (position) {},
    validate: function (position) {},
    commit: function (position) {},
    cancel: function (position) {},
    drawInteraction: function (context) {}
}

記錄并重播

Diagram類提供record、stopRecording和replay方法，可以用來保存和重放用鍵盤和鼠標的所有用戶操作。 重放方法需要（記錄、計時器、圖表）參數。 錄制參數是由stopRecording返回的記錄數組。 如果timer參數設置為true，則事件將從保留原始時間的計時器重播，否則將立即重播。 定時器模式可以用來顯示在圖中直接播放的教程。 即時模式可用于在重放一系列事件后檢查斷言的情況下自動進行用戶交互測試。 如果在圖上放置物品放置在相同的初始坐標上，則記錄的事件也可以作為宏重播。

改進的可測性

用戶交互現在可以通過下面幾種方式自動測試。

• 創建一個MouseInputDispatcher實例并調用它的方法：
  代碼：
  其中MindFusion.Drawing.Point實例中的位置指定圖中的邏輯坐標（以當前測量單位，不按縮放因子縮放）。 所謂的鼠標方法的結果將取決于圖的當前行為，例如， 當“行為”設置為“繪制圖形”時，可以形成一系列向下/移動/向上事件會創建一個ShapeNode。

• ·         onMouseDown: function (position, button)
  ·         onMouseMove: function (position)
  ·         onMouseUp: function (position, button)

• 創建一個控制器類的實例并調用它的開始、移動和提交方法。 這不依賴于Diagram.Behavior的值，但仍可能受到其他行為屬性（如AllowSelfLoops和AllowUnconnectedLinks）的影響。
• 在保存的圖上重放記錄后檢查樹狀結構。

標尺控件

標尺控件提供水平和垂直標尺，幫助用戶測量和對齊圖表項目。為了設置標尺實例，創建一個標尺元素并將其DiagramViewID屬性設置為目標DiagramView -

代碼：

<ndiag:Ruler runat="server" ID="ruler">
    <ndiag:DiagramView runat="server" ID="diagramView" ClientSideMode="Canvas" />
</ndiag:Ruler>

第三方依賴現在可選

現在可以在沒有JQuery和Microsoft Ajax庫的情況下使用該圖。 要啟用該模式，請為DiagramView元素設置ClientScriptMode =“StandAlone”。 獨立模式需要相對較新的瀏覽器，反對我們測試的基本功能集是IE11。

翻轉形狀

ShapeNode的形狀可以水平或垂直翻轉。 啟用AllowFlip屬性，并在邊緣被拖動到其相反的邊緣時翻轉形狀。 您可以使用FlipX和FlipY屬性獲取或設置當前翻轉狀態。

改進項目依賴系統

圖項之間的依賴關系現在由規則對象表示，并由DiagramMediator類按順序應用。 內置依賴項由ItemFollowsContainerRule、AttachedFollowsMasterRule、LinkFollowsNodesRule、NodeFollowsSelectionRule規則實現。 您可以使用以下API創建自定義規則對象，并將它們添加到DiagramMediator.AllRules數組中，以便在用戶交互期間使項目跟隨其他項目 -

代碼：

var MyRule =
{
    dependencies: function (master) {}, // return array of items that should follow master
    dependentUpon: function (dependency) {},  // return array of items that should be followed by dependency
    recognize: function (dependency) {},  // return true or false if this rule should be applied on an item
    updateFromMasters: function (dependency, originalStates) // set new position or size of dependency
}

流暢的API

MindFusion.Diagramming.Fluent和MindFusion.Diagramming.Layout.Fluent命名空間的擴展方法添加支持流暢的編程風格：

代碼：

using MindFusion.Diagramming.Fluent;
using MindFusion.Diagramming.Layout.Fluent;
//...
 
diagram.Factory
        .CreateShapeNode(10, 10, 20, 20)
               .Brush(Color.LightGray)
               .Font("Arial", 12)
               .EnableStyledText(true)
               .Text("Task <i>1</i>")
               .ToolTip("This is the task");
 
new TreeLayout()
        .LevelDistance(20)
        .NodeDistance(20)
        .LinkStyle(TreeLayoutLinkType.Cascading3)
        .Arrange(diagram);

DiagramLink改進

• 組件不再保留單獨的segmentCount字段，消除了常見的錯誤來源。 SegmentCount屬性現在從ControlPoints元素計算它的值。 UpdateFromPoints（updateGroups，updateSegments）過載也被刪除;
• 如果啟用自動路由或者鏈路是自循環，SegmentCount設置程序不再拒絕更改的段數;
• LinkShape枚舉的新樣條曲線元素將鏈接繪制為通過所有控制點的插值樣條曲線：
  

畫布模式的改進

• DiagramLink.HeadPen屬性現在以“畫布”模式工作。它在JavaScript API中的相應方法是setHeadStroke、setHeadStrokeThickness和setHeadStrokeDashStyle;
• Canvas模式現在支持TableNode和ContainerNode的CaptionFormat屬性。 JavaScript API中的對應方法是setTextAlignment和setLineAlignment;
• Canvas模式現在支持swimlanes Grid的AllowResizeHeaders屬性。控件在用戶嘗試調整大小時引發HeaderStartResizingScript驗證事件，并在操作完成時引發HeaderResizedScript。
• NodeListView的NodeSize和DefaultNodeSize屬性可以設置為SizeF.Empty，在這種情況下，控件將使用存儲在node.Bounds中的大小;
• 控件現在支持使用DiagramNode.attachTo方法創建的循環附件，其中移動任何附加的節點都將移動循環中的所有其他節點;
• Shapes.RoundRect圓弧保持恒定半徑，當節點大小變為非矩形時不再變形;
• 從代碼或交互式添加或刪除項目時會引發ItemAddedScript和ItemRemovedScript事件;
• Canvas模式現在支持DiagramView.CustomLinkType屬性;
• Canvas模式現在支持Diagram.AllowSelfLoops屬性;

其他

• CaptionBackBrush和FoldIconSize屬性添加到ContainerNode。
• 改進了節點的多次旋轉，現在節點角度由鼠標位置計算的相同旋轉增量修改，而不是鼠標指向所有旋轉手柄。
• Canvas模式現在支持CustomLinkType屬性。
• LayeredLayout的LinkPadding屬性指定級聯鏈接之間的填充空間。
• 寫入添加到PdfExporter、VisioExporter和Visio2013Exporter的Stream對象的導出重載。
• ClientScriptMode =“JQuery”現在支持JQuery的版本3。
• 從剪貼板粘貼項目時會引發NodePastedScript和LinkPastedScript客戶端事件。
• 如果HyperLink設置為“page：// {number}”格式的值，則PdfExporter現在創建頁面超鏈接。 設置“page：// 1”打開第二個PDF頁面，點擊該項目。
• 客戶端圖形API的TypeScript定義現在在jsdiag.d.ts文件中提供。

MindFusion.Charting

下面的列表介紹了MindFusion.Charting for WebForms的最新更改和補充：

客戶端繪圖

現在使用HTML5 Canvas API在客戶端呈現圖表，而不是在服務器端生成位圖。 這也使得用戶可以進行交互：現在可以滾動或放大繪圖，可以移動圖例，顏色可以響應鼠標事件而改變。 另外，您可以使用客戶端JavaScript API動態地將新數據加載到圖表中。

新的數據模型

應該在圖表中繪制的數據通過名為Series的接口讀取，該接口的實例可以分配給Chart和SeriesRenderer類的Series屬性。 您可以在自己的模型類中實現此接口，以避免重復數據。 另外，如果一個模型類是封閉的，但提供了API來訪問它的數據，你可以在一個適配器類中實現接口。 該庫包含幾個預定義的系列類，可讓您通過IList或數組對象指定數據。 例如，BarSeries允許您指定值列表，內部標簽和頂部標簽，PointSeries允許您將數據指定為點列表。 另外，DataBoundSeries實現可以用來從.NET數據源自動讀取數據。 當設置圖表的數據源屬性時，后一系列類型的實例會自動生成。

新的渲染模型

圖表圖形通過由SeriesRenderer派生的對象繪制在繪圖組件中。每個圖可以包含多個來自相同或不同類型的系列渲染器。例如，通過將AreaRenderer、LineRenderer和BarRenderer對象添加到其SeriesRenderer集合，可以在同一圖中繪制區域、線條和條形圖。具體圖表類自動為其系列生成適當類型的系列渲染器。

儀表板

儀表板控件可以包含以動態布局排列的多個圖、軸、圖例、圖像、儀表和文本塊。可以將各個組件添加到儀表板的默認RootPanel或LayoutPanel容器，或者對于更復雜的布局，可以將中間面板（如GridPanel和StackPanel）添加到默認面板。要顯示不同類型的圖表圖形，請添加Plot2D以繪制2D直角坐標系，使用Plot3D繪制3D笛卡爾系統，并添加PolarPlot以繪制極坐標系。要繪制水平或垂直軸，分別添加XAxisRenderer和YAxisRenderer對象。

造型

外觀屬性的值可以來自組件層次結構中的多個位置。 SeriesRenderer派生的對象可以使用本地SeriesStyle、plot的SeriesStyle或當前Theme的* Series屬性中的屬性。 組件類使用其本地屬性或主題中定義的屬性。 默認情況下，SeriesRenderer和Component類中的外觀屬性具有空值，這使繪圖代碼可以使用主題中的值。

漏斗圖

漏斗圖通常用于表示一個過程的階段，并顯示與每個階段相關的相對值或測量值。 在MindFusion.Charting API中，可以使用FunnelChart獨立控件或置于更復雜儀表板中的FunnelRenderer實例來創建渠道圖表。 FunnelChart從基本Chart類繼承，并通過其SegmentSpacing和StemWidth屬性提供額外的自定義。

交互式范圍選擇

RangeSelector是一個類似滾動條的組件，允許用戶滾動或調整圖表數據的當前可見范圍。 BiaxialChart顯示一個水平范圍選擇器，當它的showXRangeSelector屬性被啟用時，和一個垂直的ShowYRangeSelector被啟用。 滾動范圍是使用X軸的XScrollRangeMin和XScrollRangeMax屬性以及Y軸的YScrollRangeMin和YScrollRangeMax屬性指定的。

點擊以下鏈接下載最新試用版本：

<最新 MindFusion ASP.NET Pack v2017.R1 下載>

關于 MindFusion ASP.NET Pack：在MindFusion ASP.NET Pack中的三個組件也不例外。它們給了ASP.NET開發者即時訪問各種各樣的圖表，圖以及調度安排功能，以有助于他們節省的時間，并加快將新的軟件帶給最終用戶的開發過程。MindFusion ASP.NET Pack為程序員構建圖表、流程圖、日程安排、圖表等等提供了一系列理想的工具集。更多其他內容請點擊這里查看。

請移步到購買頁面查看當前授權價格列表。