将Gtk.Grid分成两行

时间:2015-07-27 17:12:48

标签: gtk vala

我想要两个"行"在我的Gtk.Grid内。

每一行都有自己的元素。顶行将有几个标签彼此相邻,而底行将有两个彼此相邻的按钮。两行中的元素应该在屏幕上居中。

我以前没有任何与Vala合作的经验,但我认为我可以这样做:

//declaration of the grid
var layout = new Grid ();
layout.orientation = Gtk.Orientation.VERTICAL;

//declaration of labels
...

//attaching of labels
layout.attach (label1, 0, 0, 1, 1);
layout.attach_next_to (label2, label1, Gtk.PositionType.RIGHT, 1, 1);
layout.attach_next_to (label3, label2, Gtk.PositionType.RIGHT, 1, 1);
layout.attach_next_to (label4, label3, Gtk.PositionType.RIGHT, 1, 1);
layout.attach_next_to (label5, label4, Gtk.PositionType.RIGHT, 1, 1);

//declaration of buttons
...

layout.attach (startBtn, 0, 0, 1, 1);
layout.attach_next_to (stopBtn, startBtn, Gtk.PositionType.RIGHT, 1, 1);

但看起来它并没有这样做。我试图找到一些例子,但它们似乎旁边都有一堆代码,所以现在我已经筋疲力尽了,我仍然无法找到解决问题的方法。

编辑:我得到的结果如下所示。

enter image description here

1 个答案:

答案 0 :(得分:1)

以下是关于此主题的非常好的文章:http://www.abenga.com/post/2014/11/10/layout-widgets/

正如andlabs指出的那样,我会用 public void attach (Widget child, int left, int top, int width = 1, int height = 1) http://valadoc.org/#!api=gtk+-3.0/Gtk.Grid.attach1

layout.attach (label1, 0, 0, 1, 1);
layout.attach (label2, 1, 0, 1, 1);
layout.attach (label3, 0, 1, 1, 1);
layout.attach (label4, 1, 1, 1, 1);

这样的事情

-------------------
| label1 | label2 |
-------------------
| label3 | label4 |
-------------------