MindFusion ASP.NET Pack v2017.R1

MindFusion ASP.NET Pack 2017.R1包含以下新功能和改進(jìn)：

MindFusion.Diagramming

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

自由形式的節(jié)點(diǎn)

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

將自由格式的圖形轉(zhuǎn)換為ShapeNodes

其他繪圖模式，便于觸摸輸入，將用戶繪制的FreeFormNode對(duì)象轉(zhuǎn)換為具有匹配形狀的ShapeNode對(duì)象。 要啟用它們，請(qǐng)將行為設(shè)置為DrawFreeShapes或LinkFreeShapes。 用戶輸入匹配的形狀通過(guò)圖的FreeFormTargets屬性設(shè)置。 它默認(rèn)包含Rectangle、Decision和Ellipse形狀。

用戶交互控制器

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

代碼：

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

記錄并重播

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

改進(jìn)的可測(cè)性

用戶交互現(xiàn)在可以通過(guò)下面幾種方式自動(dòng)測(cè)試。

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

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

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

標(biāo)尺控件

標(biāo)尺控件提供水平和垂直標(biāo)尺，幫助用戶測(cè)量和對(duì)齊圖表項(xiàng)目。為了設(shè)置標(biāo)尺實(shí)例，創(chuàng)建一個(gè)標(biāo)尺元素并將其DiagramViewID屬性設(shè)置為目標(biāo)DiagramView -

代碼：

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

第三方依賴現(xiàn)在可選

現(xiàn)在可以在沒(méi)有JQuery和Microsoft Ajax庫(kù)的情況下使用該圖。 要啟用該模式，請(qǐng)為DiagramView元素設(shè)置ClientScriptMode =“StandAlone”。 獨(dú)立模式需要相對(duì)較新的瀏覽器，反對(duì)我們測(cè)試的基本功能集是IE11。

翻轉(zhuǎn)形狀

ShapeNode的形狀可以水平或垂直翻轉(zhuǎn)。 啟用AllowFlip屬性，并在邊緣被拖動(dòng)到其相反的邊緣時(shí)翻轉(zhuǎn)形狀。 您可以使用FlipX和FlipY屬性獲取或設(shè)置當(dāng)前翻轉(zhuǎn)狀態(tài)。

改進(jìn)項(xiàng)目依賴系統(tǒng)

圖項(xiàng)之間的依賴關(guān)系現(xiàn)在由規(guī)則對(duì)象表示，并由DiagramMediator類按順序應(yīng)用。 內(nèi)置依賴項(xiàng)由ItemFollowsContainerRule、AttachedFollowsMasterRule、LinkFollowsNodesRule、NodeFollowsSelectionRule規(guī)則實(shí)現(xiàn)。 您可以使用以下API創(chuàng)建自定義規(guī)則對(duì)象，并將它們添加到DiagramMediator.AllRules數(shù)組中，以便在用戶交互期間使項(xiàng)目跟隨其他項(xiàng)目 -

代碼：

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命名空間的擴(kuò)展方法添加支持流暢的編程風(fēng)格：

代碼：

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改進(jìn)

• 組件不再保留單獨(dú)的segmentCount字段，消除了常見(jiàn)的錯(cuò)誤來(lái)源。 SegmentCount屬性現(xiàn)在從ControlPoints元素計(jì)算它的值。 UpdateFromPoints（updateGroups，updateSegments）過(guò)載也被刪除;
• 如果啟用自動(dòng)路由或者鏈路是自循環(huán)，SegmentCount設(shè)置程序不再拒絕更改的段數(shù);
• LinkShape枚舉的新樣條曲線元素將鏈接繪制為通過(guò)所有控制點(diǎn)的插值樣條曲線：
  

畫布模式的改進(jìn)

• DiagramLink.HeadPen屬性現(xiàn)在以“畫布”模式工作。它在JavaScript API中的相應(yīng)方法是setHeadStroke、setHeadStrokeThickness和setHeadStrokeDashStyle;
• Canvas模式現(xiàn)在支持TableNode和ContainerNode的CaptionFormat屬性。 JavaScript API中的對(duì)應(yīng)方法是setTextAlignment和setLineAlignment;
• Canvas模式現(xiàn)在支持swimlanes Grid的AllowResizeHeaders屬性。控件在用戶嘗試調(diào)整大小時(shí)引發(fā)HeaderStartResizingScript驗(yàn)證事件，并在操作完成時(shí)引發(fā)HeaderResizedScript。
• NodeListView的NodeSize和DefaultNodeSize屬性可以設(shè)置為SizeF.Empty，在這種情況下，控件將使用存儲(chǔ)在node.Bounds中的大小;
• 控件現(xiàn)在支持使用DiagramNode.attachTo方法創(chuàng)建的循環(huán)附件，其中移動(dòng)任何附加的節(jié)點(diǎn)都將移動(dòng)循環(huán)中的所有其他節(jié)點(diǎn);
• Shapes.RoundRect圓弧保持恒定半徑，當(dāng)節(jié)點(diǎn)大小變?yōu)榉蔷匦螘r(shí)不再變形;
• 從代碼或交互式添加或刪除項(xiàng)目時(shí)會(huì)引發(fā)ItemAddedScript和ItemRemovedScript事件;
• Canvas模式現(xiàn)在支持DiagramView.CustomLinkType屬性;
• Canvas模式現(xiàn)在支持Diagram.AllowSelfLoops屬性;

其他

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

MindFusion.Charting

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

客戶端繪圖

現(xiàn)在使用HTML5 Canvas API在客戶端呈現(xiàn)圖表，而不是在服務(wù)器端生成位圖。 這也使得用戶可以進(jìn)行交互：現(xiàn)在可以滾動(dòng)或放大繪圖，可以移動(dòng)圖例，顏色可以響應(yīng)鼠標(biāo)事件而改變。 另外，您可以使用客戶端JavaScript API動(dòng)態(tài)地將新數(shù)據(jù)加載到圖表中。

新的數(shù)據(jù)模型

應(yīng)該在圖表中繪制的數(shù)據(jù)通過(guò)名為Series的接口讀取，該接口的實(shí)例可以分配給Chart和SeriesRenderer類的Series屬性。 您可以在自己的模型類中實(shí)現(xiàn)此接口，以避免重復(fù)數(shù)據(jù)。 另外，如果一個(gè)模型類是封閉的，但提供了API來(lái)訪問(wèn)它的數(shù)據(jù)，你可以在一個(gè)適配器類中實(shí)現(xiàn)接口。 該庫(kù)包含幾個(gè)預(yù)定義的系列類，可讓您通過(guò)IList或數(shù)組對(duì)象指定數(shù)據(jù)。 例如，BarSeries允許您指定值列表，內(nèi)部標(biāo)簽和頂部標(biāo)簽，PointSeries允許您將數(shù)據(jù)指定為點(diǎn)列表。 另外，DataBoundSeries實(shí)現(xiàn)可以用來(lái)從.NET數(shù)據(jù)源自動(dòng)讀取數(shù)據(jù)。 當(dāng)設(shè)置圖表的數(shù)據(jù)源屬性時(shí)，后一系列類型的實(shí)例會(huì)自動(dòng)生成。

新的渲染模型

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

儀表板

儀表板控件可以包含以動(dòng)態(tài)布局排列的多個(gè)圖、軸、圖例、圖像、儀表和文本塊。可以將各個(gè)組件添加到儀表板的默認(rèn)RootPanel或LayoutPanel容器，或者對(duì)于更復(fù)雜的布局，可以將中間面板（如GridPanel和StackPanel）添加到默認(rèn)面板。要顯示不同類型的圖表圖形，請(qǐng)?zhí)砑覲lot2D以繪制2D直角坐標(biāo)系，使用Plot3D繪制3D笛卡爾系統(tǒng)，并添加PolarPlot以繪制極坐標(biāo)系。要繪制水平或垂直軸，分別添加X(jué)AxisRenderer和YAxisRenderer對(duì)象。

造型

外觀屬性的值可以來(lái)自組件層次結(jié)構(gòu)中的多個(gè)位置。 SeriesRenderer派生的對(duì)象可以使用本地SeriesStyle、plot的SeriesStyle或當(dāng)前Theme的* Series屬性中的屬性。 組件類使用其本地屬性或主題中定義的屬性。 默認(rèn)情況下，SeriesRenderer和Component類中的外觀屬性具有空值，這使繪圖代碼可以使用主題中的值。

漏斗圖

漏斗圖通常用于表示一個(gè)過(guò)程的階段，并顯示與每個(gè)階段相關(guān)的相對(duì)值或測(cè)量值。 在MindFusion.Charting API中，可以使用FunnelChart獨(dú)立控件或置于更復(fù)雜儀表板中的FunnelRenderer實(shí)例來(lái)創(chuàng)建渠道圖表。 FunnelChart從基本Chart類繼承，并通過(guò)其SegmentSpacing和StemWidth屬性提供額外的自定義。

交互式范圍選擇

RangeSelector是一個(gè)類似滾動(dòng)條的組件，允許用戶滾動(dòng)或調(diào)整圖表數(shù)據(jù)的當(dāng)前可見(jiàn)范圍。 BiaxialChart顯示一個(gè)水平范圍選擇器，當(dāng)它的showXRangeSelector屬性被啟用時(shí)，和一個(gè)垂直的ShowYRangeSelector被啟用。 滾動(dòng)范圍是使用X軸的XScrollRangeMin和XScrollRangeMax屬性以及Y軸的YScrollRangeMin和YScrollRangeMax屬性指定的。

點(diǎn)擊以下鏈接下載最新試用版本：

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

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

請(qǐng)移步到購(gòu)買頁(yè)面查看當(dāng)前授權(quán)價(jià)格列表。