首页 > 解决方案 > 从 GTK# NodeView 中获取选定的列

问题描述

我正在使用 MonoDevelop 在 Raspberry Pi 上编写一些 C# 代码。我有一个NodeView包含三列的小部件。我想检测在 NodeView 中单击的列。我尝试使用NodeSelection.Changed,但是,这并没有告诉我该列。我还尝试ButtonPress为 NodeView 编写一个事件并深入到TreePath. 我对此一无所知。

我注意到这个问题被问了好几次。但是,我还没有看到一个直接的方式来获取NodeView.

有谁知道如何做到这一点?

标签: c#monodevelopgtk#

解决方案


终于想通了。这很痛苦,因为正如您所说,这方面的文档为零。

所以,为了概述我所做的,这是我的窗口的样子: 程序

当我单击不同的列时,这是输出:

Clicked on column index 3 with title "hello 3"
Node selected: Prop1 29478338;Prop2 55998661;Prop3 1058200043;Prop4 1429485106
Clicked on column index 2 with title "hello 2"
Node selected: Prop1 1781730137;Prop2 618078535;Prop3 1253079243;Prop4 1149116957
Clicked on column index 1 with title "hello 1"
Node selected: Prop1 1577113328;Prop2 1907291485;Prop3 764000225;Prop4 1871218984
Clicked on column index 0 with title "hello 0"
Node selected: Prop1 1267506574;Prop2 692394441;Prop3 1291543143;Prop4 41456018
Clicked on column index 1 with title "hello 1"
Node selected: Prop1 1659363497;Prop2 873230641;Prop3 1799765877;Prop4 83248840
Clicked on column index 2 with title "hello 2"
Node selected: Prop1 1882743696;Prop2 419098689;Prop3 554049937;Prop4 671882960

和代码一样“不漂亮”(只是快速扔东西让它工作):

Random r = new Random();

[Gtk.TreeNode(ListOnly = true)]
public class MyTreeNode : Gtk.TreeNode
{
    public MyTreeNode(Random r)
    {
        AnotherProp1 = $"Prop1 {r.Next()}";
        AnotherProp2 = $"Prop2 {r.Next()}";
        AnotherProp3 = $"Prop3 {r.Next()}";
        AnotherProp4 = $"Prop4 {r.Next()}";
    }

    [Gtk.TreeNodeValue(Column = 0)]
    public string AnotherProp1 { get; private set; }

    [Gtk.TreeNodeValue(Column = 1)]
    public string AnotherProp2 { get; private set; }

    [Gtk.TreeNodeValue(Column = 2)]
    public string AnotherProp3 { get; private set; }

    [Gtk.TreeNodeValue(Column = 3)]
    public string AnotherProp4 { get; private set; }

    public override string ToString() =>
        $"{AnotherProp1};{AnotherProp2};{AnotherProp3};{AnotherProp4}";
}

private readonly NodeStore _store = new NodeStore(typeof(MyTreeNode));

public MainWindow() : base(Gtk.WindowType.Toplevel)
{
    Build();

    for (var i = 0; i < 6; ++i)
    {
        _store.AddNode(new MyTreeNode(r));
    }
    nodeview2.NodeStore = _store;

    nodeview2.AppendColumn("hello 0", new CellRendererText(), "text", 0).Clickable = true;
    nodeview2.AppendColumn("hello 1", new CellRendererText(), "text", 1).Clickable = true;
    nodeview2.AppendColumn("hello 2", new CellRendererText(), "text", 2).Clickable = true;
    nodeview2.AppendColumn("hello 3", new CellRendererText(), "text", 3).Clickable = true;

    // how to detect column header clicks:
    nodeview2.GetColumn(0).Clicked += (s, e) => Console.WriteLine("HERE 0");
    nodeview2.GetColumn(1).Clicked += (s, e) => Console.WriteLine("HERE 1");
    nodeview2.GetColumn(2).Clicked += (s, e) => Console.WriteLine("HERE 2");
    nodeview2.GetColumn(3).Clicked += (s, e) => Console.WriteLine("HERE 3");

    nodeview2.WidgetEvent += (s, e) =>
    {
        if ((e.Event is Gdk.EventButton ev) &&
           (ev.Type == Gdk.EventType.ButtonPress) &&
           (ev.Window == nodeview2.BinWindow))
        {
            if (nodeview2.GetPathAtPos((int)ev.X, (int)ev.Y, out var path, out var column))
            {
                // get the column index. There must be a better way?
                var columnIndex = nodeview2.Columns.Select(
                    (col, index) => new { col, index }).First(x => ReferenceEquals(x.col, column)).index;

                Console.WriteLine($"Clicked on column index {columnIndex} with title \"{column.Title}\"");

                var nodeValue = (MyTreeNode)_store.GetNode(path);
                Console.WriteLine($"Node selected: {nodeValue}");
            }
        }
    };

    nodeview2.ShowAll();
}

所以这里的诀窍是捕捉EventButton'sButtonPress然后获取坐标并将它们传递给GetPathAtPos(). 这将返回列和路径信息。您可以使用它来导出您需要的内容。我希望 Gtk# 有更好的文档记录/更广泛地使用。


推荐阅读