Python GTK 3 GUI 编程 -- 005 容器#2

这篇文章讲网格
网格应该很好理解, 就是这样的

Grid
然后添加控件, 并为控件分布格子的大小
主要继承关系 Gtk.Grid < Gtk.Container < Gtk.Widget

如何创建一个Grid容器

通过实例化Gtk.Grid来创建一个Grid self.grid = Gtk.Grid()

Grid的使用

需要用到attach(child, left, top, width, height)方法来放置控件, 有时会用到attach_next_to(child, sibling, position, width, height) 方法

• attach(child, left, top, width, height)
  • child 子控件
  • left, top 相当与平面直角坐标系, 以左上角为原点, 向右为x正方向, 向下为Y正方向, left就是X, top就是Y, 具体看下图
  • width, height 子控件的宽和高

Grid

• attach_next_to(child, sibling, position, width, height)
  • sibling 和 child, 这么说吧, 如果现在有一个按钮控件在grid里, 你想往里面放一个标签控件, 想把这个放到按钮的右边, 那么child就是你准备放的控件, sibling就是基于的控件, 比如在这里基于按钮, 放在右边 就可以写attach_next_to(self.label, self.button, Gtk.PositionType.RIGHT, width, height)
  • position 方向, 接受Gtk.PositionType

Gtk.PositionType 枚举类型
Gtk.Position.LEFT = 0 左
Gtk.Position.RIGHT = 1 右
Gtk.Position.TOP = 2 上
Gtk.Position.BOTTON = 3 下

示例

• 3 x 3

  
  Example

• 原始码实现

import gi
gi.require_version("Gtk", "3.0")

from gi.repository import Gtk

class MyWindow(Gtk.Window):
    def __init__(self):
        super(MyWindow, self).__init__(title="Hello")

        self.grid = Gtk.Grid()
        self.add(self.grid)

        self.btn1 = Gtk.Button(label="Button 1")
        self.btn2 = Gtk.Button(label="Button 2")
        self.btn3 = Gtk.Button(label="Button 3")
        self.label = Gtk.Label(label="Im a label")

        self.grid.attach(self.btn1, 0, 0, 2, 1)
        self.grid.attach_next_to(self.btn2, self.btn1, Gtk.PositionType.BOTTOM, 2, 1)
        self.grid.attach_next_to(self.label, self.btn1, Gtk.PositionType.RIGHT, 1, 2)
        self.grid.attach_next_to(self.btn3, self.btn2, Gtk.PositionType.BOTTOM, 3, 1)


win = MyWindow()
win.show_all()
win.connect("destroy", Gtk.main_quit)
Gtk.main()

Run

Grid的常用属性

• column_homogeneous 列是否等宽
• row_homogeneous 行是否等高
• column_spacing 列之间间隔
• row_spacing 行之间间隔
• border_width 边框大小

常用方法

• insert_column(int) 插入列, int是第几列
• remove_column(int) 移除列, int是第几列
• insert_row(int) 插入行, int是第几行
• remove_column(int) 移除行, int是第几行
• set_column_homogeneous(bool) 不用说了吧, 就是设置属性的, 把set变为get表示获取该属性
• set_row_homogeneous(bool)
• set_row_spacing(int)
• set_column_spacing(int)
• get_child_at(left, top) 根据left, top值获取该位置上的控件

常用信号

• 参考上一篇文章(都是重复的)

之后 可能 会讲一个简单的计算器的实现

欢迎留言, 下一篇文章讲解notebook 容器