如何在 XAML 中更改 GraphSharp 顶点的外观

Question

我在需要更改顶点外观的项目中使用 GraphSharp。我试图创建一个自定义顶点类，它只有一个名为 Name 的属性。然后我创建了一个 ViewModel 类，我在其中创建了顶点和边。为了呈现此图，我为我的自定义顶点创建了一个 DataTemplate。代码如下：-class MyVertex{    public string Name { get; set; }}class MainViewModel : INotifyPropertyChanged{    public event PropertyChangedEventHandler PropertyChanged;    private void OnPropertyChanged([CallerMemberName]string name = "")    {        if (PropertyChanged == null) return;        PropertyChanged(this, new PropertyChangedEventArgs(name));    }    public IBidirectionalGraph<MyVertex, IEdge<MyVertex>> Graph { get; private set; }    public void CreateGraphToVisualize()    {        var g = new BidirectionalGraph<MyVertex, IEdge<MyVertex>>();        //add the vertices to the graph        MyVertex[] vertices = new MyVertex[5];        for (int i = 0; i < 5; i++)        {            vertices[i] = new MyVertex { Name = "Vertex " + i.ToString() };            g.AddVertex(vertices[i]);        }        //add some edges to the graph        g.AddEdge(new Edge<MyVertex>(vertices[0], vertices[1]));        g.AddEdge(new Edge<MyVertex>(vertices[1], vertices[2]));        g.AddEdge(new Edge<MyVertex>(vertices[2], vertices[3]));        g.AddEdge(new Edge<MyVertex>(vertices[3], vertices[1]));        g.AddEdge(new Edge<MyVertex>(vertices[1], vertices[4]));        Graph = g;    }    public MainViewModel()    {        CreateGraphToVisualize();    }}但是当我运行它时，我只得到缩放控制但没有图表。所以，我想我做错了什么。然后我找到了这个并创建了一个新项目并复制了那里提供的代码。我必须根据自己的判断来判断 DataTemplate 的放置位置，所以我将它放在 Window.Resources 块中，就像上面的代码一样。我还对代码进行了一些更改以使用通用类，因为站点中使用的类显然不可用。但最终结果与我自己的代码相同。没有图表。我在这里错过了什么吗？在此先感谢您的帮助。

Answer 1

如果没有正确的类型组合，则无法实例化 GraphLayout。

添加如下内容：

public class MyGraph : BidirectionalGraph<MyVertex, IEdge<MyVertex>>{}

public class MyGraphLayout : GraphLayout<MyVertex, IEdge<MyVertex>,MyGraph> 

    {

    };

然后使用定义的 MyGraphLayout 代替。

<local:MyGraphLayout x:Name="graphLayout"

                           Graph="{Binding Graph}"

                            LayoutAlgorithmType="ISOM"

                            OverlapRemovalAlgorithmType="FSA"

                            HighlightAlgorithmType="Simple"/>