btw Gtk.Table和Gtk.Grid的差异

时间:2016-01-01 05:24:34

标签: gtk genie

虽然Gtk.table已被弃用,但我用它获得了更好的结果,而不是推荐的Gtk.Grid。

这可能是我的错,但我无法找到问题。

我的目标是创建一个Gtk窗口,顶部有一个笔记本,下面有两个按钮。这些按钮应水平对齐。

我的代码与表一样,按预期工作:

uses Gtk

class TestWindow : Window
    init
        // General characteristics of the window
        title = "Gtk Containers"
        default_height = 250
        default_width = 250
        window_position = WindowPosition.CENTER
        destroy.connect(Gtk.main_quit)

        // Now building the notebook
        var notebook = new Gtk.Notebook()
        var label1 = new Gtk.Label("Page one")
        var label2 = new Gtk.Label("Page two")
        var child1 = new Gtk.Label("Go to page 2 for the answer")
        var child2 = new Gtk.Label("Go to page 1 for the answer")
        notebook.append_page(child1, label1)
        notebook.append_page(child2, label2)

        // Now building the table
        var table = new Table(2,2,true)
        var button1 = new Gtk.Button.with_mnemonic("Button_1")
        var button2 = new Button.with_mnemonic("Button_2")

        // Attaching all elements into the table
        table.attach_defaults(notebook, 0,2,0,1)
        table.attach_defaults(button1, 0,1,1,2)
        table.attach_defaults(button2, 1,2,1,2)
        add(table)

init
    Gtk.init (ref args)
    var test = new TestWindow ()
    test.show_all ()
    Gtk.main ()

然而,与推荐的Gtk.Grid相同的代码为我提供了没有笔记本的两个按钮:

uses Gtk

class TestWindow : Window
    init
        // General characteristics of the window
        title = "Gtk Containers"
        default_height = 250
        default_width = 250
        window_position = WindowPosition.CENTER
        destroy.connect(Gtk.main_quit)

        // Now building the notebook
        var notebook = new Gtk.Notebook()
        var label1 = new Gtk.Label("Page one")
        var label2 = new Gtk.Label("Page two")
        var child1 = new Gtk.Label("Go to page 2 for the answer")
        var child2 = new Gtk.Label("Go to page 1 for the answer")
        notebook.append_page(child1, label1)
        notebook.append_page(child2, label2)

        // Now building the grid
        var grid = new Grid()
        var button1 = new Gtk.Button.with_mnemonic("Button_1")
        var button2 = new Button.with_mnemonic("Button_2")

        // Attaching all elements into the grid
        grid.attach(notebook, 0,2,0,1)
        grid.attach(button1, 0,1,1,2)
        grid.attach(button2, 1,2,1,2)

init
    Gtk.init (ref args)
    var test = new TestWindow ()
    test.show_all ()
    Gtk.main ()

如何使用Grid而不是Tables来实现目标?不要求代码,只需要一个指针。

3 个答案:

答案 0 :(得分:3)

gtk_table_attach_defaults()gtk_grid_attach()的运作方式不同。 official documentation in C指出了这一点。

鉴于

        thing.attach(widget, a,b,c,d)

对于GtkTable,四个数字abcd是窗口小部件的给定边缘应占用的实际列数和行数。 a是左边缘,b是右边缘,c是上边缘,d是下边缘。

对于GtkGrid,a是列,b是窗口小部件左上角应占据的行,c是窗口小部件的列数,并且d是小部件的行数。

或换句话说,

        table.attach_defaults(widget, left, right, top, bottom)

相同
        grid.attach(widget, left, top,
            right - left + 1, bottom - top + 1)

希望这个解释的某些部分可以解决问题。

您的代码的快速修复将是

        grid.attach(notebook, 0,0,2,1)
        grid.attach(button1, 0,1,1,1)
        grid.attach(button2, 1,1,1,1)

答案 1 :(得分:2)

对于Gtk.Grid:

attach(child, left, top, width, height)

参数

  • child(Gtk.Widget)–要添加的小部件
  • left(int)–将孩子的左侧附加到的列号
  • top(int)–将孩子的顶侧附加到的行号
  • width(int)–子级将跨越的列数
  • 高度(int)–子项将跨越的行数

对于Gtk.Table:

attach(child, left_attach, right_attach, top_attach, bottom_attach, xoptions, yoptions, xpadding, ypadding)

参数

  • child(Gtk.Widget)–要添加的小部件。
  • left_attach(int)–附加子控件左侧的列号。
  • right_attach(int)–要将子窗口小部件的右侧附加到的列号。
  • top_attach(int)–要将子窗口小部件的顶部附加到的行号。
  • bottom_attach(int)–要将子窗口小部件的底部附加到的行号。
  • xoptions(Gtk.AttachOptions)–用于在调整表大小时指定子窗口小部件的属性。
  • yoptions(Gtk.AttachOptions)–与xoptions相同,除了此字段确定垂直调整大小的行为。
  • xpadding(int)–一个整数值,用于指定要添加到表中的小部件左右两侧的填充。
  • ypadding(int)-子窗口小部件上方和下方的填充量。

注意:列和行从零开始索引。

答案 2 :(得分:0)

andlabs的解释是正确的,虽然他的转换为grid.attach右边和底部值添加1并不适合我。因为我必须转换许多这些值,我已经准备了一个python脚本来简化这个过程,HTH:

import sys

if len(sys.argv) < 2: raise Exception('Argument not provided')

args = ''.join([str(x) for x in sys.argv[1:]]).split(',')

if len(args) != 4: raise Exception('Please provide 4 attach arguments')

left, right, top, bottom = map(lambda a: int(a), args)
print("{}, {}, {}, {}".format(left, top, right - left, bottom - top))