Question

我正在尝试使用带有GridLayout的自定义窗口小部件，但结果始终是角落中非常小的网格，而不是整个窗口中的网格扩展。

示例代码：

import kivy
kivy.require('1.5.1')

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.label import Label
from kivy.uix.widget import Widget
from kivy.uix.gridlayout import GridLayout



class MyWidget(Widget):
    def __init__(self):
        super(MyWidget, self).__init__()

        grid_layout = GridLayout(cols=3)
        grid_layout.add_widget(Button(text='A'))
        grid_layout.add_widget(Button(text='B'))
        grid_layout.add_widget(Label(text='text'))
        grid_layout.add_widget(Label(text='other'))
        grid_layout.add_widget(Button(text='text'))
        self.add_widget(grid_layout)


class MyApp(App):
    def build(self):
        float = 
        return MyWidget()


MyApp().run()

由于Widget的默认size_hint为(1,1)，因此它应该在整个窗口中展开，而GridLayout也会展开。为什么这不会发生？如何获得我想要的结果？

Answer 1

`class MyWidget(Widget):`

您的根小部件是MyWidget，它继承自Widget而不是其中一个布局，因此无法控制其子级的大小如上所述here，“size_hint是布局使用的一系列值来管理孩子的大小“。

您的根小部件确实占用了窗口的整个空间。您可以通过向MyWidget的画布添加一个Rectangle来测试这一点，例如::

with self.canvas.before:
    Color(1,0,0,1)
    Rectangle(pos=self.pos, size=self.size)

你应该熟悉canvas canvas.before and canvas.after。它们基本上是指令组，前面的组是在窗口小部件的画布指令之前和之后的组之后绘制的。

Kivy的一个关键不同之处在于，小部件的大小调整/布局会延迟到下一帧，所以如果你只是将上面的代码片段添加到代码中，那么::

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.label import Label
from kivy.uix.widget import Widget
from kivy.uix.gridlayout import GridLayout
from kivy.graphics import *


class MyWidget(Widget):

    def __init__(self, **kwargs):
        # I'd make sure to pass of kwargs through to the super
        # as there are widgets's that process their initial
        # arguments through.
        super(MyWidget, self).__init__(**kwargs)

        grid_layout = GridLayout(cols=3)
        grid_layout.add_widget(Button(text='A'))
        grid_layout.add_widget(Button(text='B'))
        grid_layout.add_widget(Label(text='text'))
        grid_layout.add_widget(Label(text='other'))
        grid_layout.add_widget(Button(text='text'))
        self.add_widget(grid_layout)
        with self.canvas.before:
            Color(1,0,0,1)
            Rectangle(pos=self.pos, size=self.size)


class MyApp(App):
    def build(self):
        return MyWidget()

if __name__ == '__main__':
    MyApp().run()

这只会在窗口小部件的初始位置和大小处显示一个红色矩形，此时它的默认位置和大小分别为a.k.a（0,0）和（100,100）。

为了使红色矩形符合小部件的大小，我们应该bind它的大小与小部件的大小相同，如下所示::

...
        grid_layout.add_widget(Button(text='text'))
        self.add_widget(grid_layout)
        with self.canvas.before:
            Color(1,0,0,1)
            self.rect = Rectangle(pos=self.pos, size=self.size)
        self.bind(size=self.update_rect)

    def update_rect(self, instance, value):
        self.rect.pos = self.pos
        self.rect.size = self.size

class MyApp(App):
    def build(self):
...

正如上面代码的输出所示，您的窗口小部件占用了整个窗口的大小。但是，这并不能解决您的问题，并且子布局仍然保留在原始位置和位置。它的原始大小。这是因为小部件无法控制其子女的大小，如上所述。

这里有两个选择，要么更新尺寸，要么更新尺寸。你的小部件的孩子/孩子的位置就像你更新了rect（很快会让多个孩子复杂化）或者使用其中一个布局作为根小部件。

这也可以在kv中完成，例如::

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.lang import Builder

Builder.load_string('''
# this is the rule for MyWidget that defines
# what MyWidget looks like i.e.drawing
# instructions and widgets etc 
<MyWidget>:
    canvas.before:
        Color:
            rgba: 1, 0, 0, 1
        Rectangle:
            # this implicitly binds the size of the
            # rect to the size of the widget
            size: self.size
            # self here still refers to the widget as Rectangle is only a
            # graphics instruction and not a widget
            pos: self.pos
    GridLayout:
        cols: 3
        # root here refers to the `MyWidget`, bind the size of the
        # GridLayout to the size of your root widget
        size: root.size
        Button:
            text: 'A'
        Button:
            text: 'B'
        Label:
            text: 'text'
        Label:
            text: 'other'
        Button:
            text: 'text'        
''')


class MyWidget(Widget):
    pass


class MyApp(App):
    def build(self):
        return MyWidget()

if __name__ == '__main__':
    MyApp().run()

上面的示例将子项的大小绑定到其父窗口小部件的大小。我仍然建议使用布局作为根窗口小部件，并且不要犹豫嵌套布局。

Answer 2

我更喜欢让你的主类继承GridLayout而不是Widget的解决方案。事实上，回想起来这看起来很明显，我想知道教程为什么会使用Widget方法。之前的回答推荐了这种技术，但我想我会提供一些代码。

import kivy
kivy.require('1.5.1')

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.label import Label
from kivy.uix.gridlayout import GridLayout

class MyWidget(GridLayout):
    def __init__(self):
        super(MyWidget, self).__init__(cols=3)

        self.add_widget(Button(text='A'))
        self.add_widget(Button(text='B'))
        self.add_widget(Label(text='text'))
        self.add_widget(Label(text='other'))
        self.add_widget(Button(text='text'))

class MyApp(App):
    def build(self):
        return MyWidget()


MyApp().run()

或使用kvlang：

import kivy
kivy.require('1.5.1')

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.label import Label
from kivy.uix.gridlayout import GridLayout
from kivy.lang import Builder

Builder.load_string('''
<MyWidget>:
    cols:3
    Button:
        text:'A'
    Button:
        text:'B'
    Label:
        text:'text'
    Label:
        text:'other'
    Button:
        text:'text'
''')

class MyWidget(GridLayout):
    pass
class MyApp(App):
    def build(self):
        return MyWidget()

if __name__ == "__main__":
    MyApp().run()

为什么根小部件的窗口大小不同？

2 个答案: