Kivy 中的动态网格，每个网格元素包含多个小部件

Question

这是我在这里的第一篇文章，但我会尽量详细。 所以我的应用程序是在 python 中的，并且在 kivy 中涉及一个网格，其中网格中的每个元素都应该包含 4 个额外的小部件，并且可能包含第五个小部件。四个额外的小部件应该在边缘呈十字形，第五个在中间。

问题是，每当我添加一个子小部件时，它都会落在主窗口位置 0,0 的左下角

到目前为止一切顺利。现在我只是想让一个小部件在另一个小部件中正确显示。

这是我的尝试：

<GridCell@Label>
    BoxLayout:
        orientation:'horizontal'
        Button:
            text:'One'
            size:10,10
            size_hint:None,None

为我的应用构建一个 .kv 文件，我会在其中放置一个盒子布局，然后是一个按钮。

我还尝试了以下类配置：

class GridCell(Label):

def __init__(self, **kwargs):
    super().__init__(**kwargs)
    self.root = FloatLayout()
    self.button = Button(text="test")
    self.button.x = self.root.x
    self.button.center_y = self.root.center_y
    self.root.add_widget(self.button)
    self.add_widget(self.root)

也没有用。

我通过在网格上调用 .add 来添加网格单元，并为 for 循环的每次迭代使用一个新创建的小部件。

所有子小部件显然都已创建，但它们都位于左下角！

这是 gui 的全部代码：

import kivy
import World
from kivy.app import App
from kivy.uix.label import Label
from kivy.uix.button import Button
from kivy.uix.gridlayout import GridLayout
from kivy.uix.floatlayout import FloatLayout
from kivy.graphics import Color, Rectangle

kivy.require('1.10.0')



class GridCell(Label):

def __init__(self, **kwargs):
    super().__init__(**kwargs)
    self.root = FloatLayout()
    self.button = Button(text="blargh")
    self.button.x = self.root.x
    self.button.center_y = self.root.center_y
    self.root.add_widget(self.button)
    self.add_widget(self.root)

def on_size(self, *args):
    self.canvas.before.clear()

    if self.id is "cliff":
        with self.canvas.before:
            Color(249 / 255, 6 / 255, 6 / 255, 0.3)
            Rectangle(pos=self.pos, size=self.size)
    if self.id is "goal":
        with self.canvas.before:
            Color(6 / 255, 6 / 255, 249 / 255, 0.3)
            Rectangle(pos=self.pos, size=self.size)
    if self.id is "start":
        with self.canvas.before:
            Color(11 / 255, 174 / 255, 6 / 255, 0.3)
            Rectangle(pos=self.pos, size=self.size)
    if self.id is "normal":
        with self.canvas.before:
            Color(119 / 255, 115 / 255, 115 / 255, 0.3)
            Rectangle(pos=self.pos, size=self.size)




class GameGridApp(App):

def __init__(self, **kwargs):
    super().__init__(**kwargs)
    self.grid = GridLayout(cols=8, rows=5)
    self.load_into()

def load_into(self):
    world = World.World(8, 5)
    world.build_gamegrid()

    for cell in world.gamegrid:
        name = str(cell.name)
        grid_cell = GridCell()
        grid_cell.text = name

        if cell.start:
            grid_cell.id = "start"
        if cell.goal:
            grid_cell.id = "goal"
        if cell.cliff:
            grid_cell.id = "cliff"
        if cell.field:
            grid_cell.id = "normal"

        self.grid.add_widget(grid_cell)

def build(self):
    return self.grid


customLabel = GameGridApp()
customLabel.run()

Answer 1

我可能会给出一个想法，即创建一个“子网格”对象和一个包含“子网格”的“主网格”对象。这两个对象将是 GridLayout 对象。

这是python2.7中的一个简单示例：

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

class SubGrids(GridLayout):
    def __init__(self):
        GridLayout.__init__(self, cols=3, rows=3);
        self.add_widget(Label(text='1st'));
        self.add_widget(Label(text=''));
        self.add_widget(Label(text='2nd'));
        self.add_widget(Label(text=''));
        self.add_widget(Label(text='3rd'));
        self.add_widget(Label(text=''));
        self.add_widget(Label(text='4th'));
        self.add_widget(Label(text=''));
        self.add_widget(Label(text='5th'));
class Grids(GridLayout):
    def __init__(self):
        GridLayout.__init__(self, cols=2, rows = 2);
        self.add_widget(SubGrids());
        self.add_widget(SubGrids());
        self.add_widget(SubGrids());
        self.add_widget(SubGrids());
class Example(App):
    def build(self):
        return Grids()

if __name__ == '__main__':
    x = Example();
    x.run();

希望这能给你一个想法。