MindFusion.Diagramming for WinForms是一個能幫助你創(chuàng)建工作流和進(jìn)程圖表的.NET控件；數(shù)據(jù)庫實體關(guān)系圖表；組織圖表；對象層次和關(guān)系圖表；圖表和樹。它是基于對象－圖表框，表格和箭頭類型，將其歸類分派給其他并結(jié)合成復(fù)雜的結(jié)構(gòu)。該控件提供超過預(yù)先定義的50多種圖表框，如自定義設(shè)計樣式和對圖表框著色等。

點擊下載MindFusion.Diagramming for WinForms最新試用版

問：我們根據(jù)MindFusion.Diagramming for WinForms給定的連接數(shù)據(jù)自動布局流程計劃，并嘗試了各種可用的布局變體，我們選擇LayeredLayout作為示例。此外，有必要將流程計劃（分別是其節(jié)點）劃分到某些區(qū)域（詳情見圖一）。想問有沒有一種方法可以在LayeredLayout中設(shè)置分區(qū)。

（圖一）

答：LayeredLayout中沒有內(nèi)置任何內(nèi)容來允許分區(qū)。您可以嘗試使用SwimlaneLayout，或者對LayeredLayout進(jìn)行一些后期處理，將節(jié)點移動到保留布局相對位置的區(qū)域，只更改Y：

var ll = new LayeredLayout();
ll.Orientation = MindFusion.Diagramming.Layout.Orientation.Horizontal;
ll.EnforceLinkFlow = true;
ll.Arrange(diagram);
 
var columns = new Dictionary<int, List<DiagramNode>>();
foreach (var node in diagram.Nodes)
{
    if (!ll.Statistics.NodeLayerIndices.ContainsKey(node))
        continue;
    var l = ll.Statistics.NodeLayerIndices[node];
    if (!columns.ContainsKey(l))
        columns[l] = new List<DiagramNode>();
    columns[l].Add(node);
}
 
foreach (var column in columns.Values)
{
    column.Sort((n1, n2) =>
        {
            int area1 = (int)n1.Tag;
            int area2 = (int)n2.Tag;
            int areaComparison = area1.CompareTo(area2);
            if (areaComparison != 0)
                return areaComparison;
            return n1.Bounds.Y.CompareTo(n2.Bounds.Y);
        });
 
    float y = diagram.Bounds.Top + 10;
    for (int i = 0; i < column.Count; i++)
    {
        var node = column[i];
        int area = (int)node.Tag;
        float minAreaY = area * 70; // replace this with your area definitions
        if (y < minAreaY)
            y = minAreaY;
        node.Move(node.Bounds.X, y);
        y += node.Bounds.Height + 10;
    }
}
 
//diagram.RouteAllLinks();

問：在我們實現(xiàn)給定代碼之后，將節(jié)點移動到所需的通道是完美的。但是在調(diào)用diagram.RouteAllLinks（）之后發(fā)生了一個奇怪的問題。方法。我附上了2張圖片，一張是在調(diào)用上述方法之前，另一張是之后的。第6節(jié)點和第7節(jié)點以及第10節(jié)點和第11節(jié)點之間的節(jié)點鏈路應(yīng)該相同，但是第10節(jié)點和第11節(jié)點之間的鏈路是奇怪的。這是什么原因呢？

（圖二）

（圖三）

答：嘗試將diagram.LinkRouter設(shè)置為GridRouter實例，并在必要時在RoutingOptions中設(shè)置更大的彎曲成本。 

問：這解決了這個圖上的問題，但在其他一些我再次注意到類似的東西。（詳情請看圖四和圖五）。使用QuickRouter鏈接按預(yù)期繪制，但現(xiàn)在使用GridRouter它很奇怪。我試過操縱TurnCost，CrossingCost，NodeVicinityCost屬性但沒有幫助。

（圖四）

（圖五）

答：也許嘗試使用更小的RoutingOptions.GridSize，或者將節(jié)點位置和大小與當(dāng)前大小的多個對齊。第一個鏈接彎曲將始終是節(jié)點占用的網(wǎng)格區(qū)域之外的至少一個網(wǎng)格塊，添加了RoutingOptions.EndPointsOffset - 如果現(xiàn)在更大，則嘗試將后者設(shè)置為0。

=====================================================

問答持續(xù)更新中>>>

MindFusion.Diagramming for WinForms現(xiàn)已加入在線訂購，點擊此處查看價格~

想要購買MindFusion.Diagramming for WinForms正版授權(quán)的朋友歡迎哦~