Kivy gridlayout子节点尺寸变换后的位置

Question

我是新来的kivy，我正在尝试做一个8puzzle游戏，我的问题是，移动数字（使用按钮或标签）在一个网格布局（使用动画卡移动按钮）没有问题，直到调整窗口大小！调整窗口大小后，每个按钮或标签都将处于其初始位置：-/ 那么，为什么gridlayout子元素在压缩窗口后返回到初始位置？ 我该怎么解决这个问题？在

python code :
class Cubes(Button):
    #value=StringProperty('0')
    pos_i=NumericProperty(0)
    pos_j=NumericProperty(0)


class Puzzle(GridLayout):
    def __init__(self,**kwargs):
        super(Puzzle,self).__init__()

        self._keyboard = Window.request_keyboard(None,self)

        print("Tsfsdfsdfdsfsdfdsf")
        if not self._keyboard:
            return
        game =[
        [1,2,3],
        [4,5,6],
        [7,8,"-"]
        ]
        for i in range (3):
            for j in range (3):
                self.add_widget(Cubes(text=str(game[i][j]),pos_i=i,pos_j=j))


        self._keyboard.bind(on_key_down=self.move)
        self.wait=False

        self._index=-1
        self._solution=[]



    def move(self, keyboard, keycode, text,modifires):



        pos=-1

        for i in range(9):
            if self.children[i].text=="-":
                pos=self.children[i].pos
                self._index=i



        #print (self.children[self._index].pos)     
        if keycode[1]=="up":
            if Expand(Node(self.generatePuzzleTable())).CanGoUp():
                for m in range(9):
                    if self.children[m].pos_i==self.children[self._index].pos_i-1:
                        if self.children[m].pos_j==self.children[self._index].pos_j:
                            self.replace(self.children[m].pos,self.children[self._index].pos,m)
                            break

        if keycode[1]=="right":
            if Expand(Node(self.generatePuzzleTable())).CanGoRight:
                for m in range(9):
                    if self.children[m].pos_i==self.children[self._index].pos_i:
                        if self.children[m].pos_j==self.children[self._index].pos_j+1:
                            self.replace(self.children[m].pos,self.children[self._index].pos,m)
                            break

        if keycode[1]=="down":
            if Expand(Node(self.generatePuzzleTable())).CanGoDown():
                for m in range(9):
                    if self.children[m].pos_i==self.children[self._index].pos_i+1:
                        if self.children[m].pos_j==self.children[self._index].pos_j:
                            self.replace(self.children[m].pos,self.children[self._index].pos,m)
                            break                   
        print (keycode[1])
        if keycode[1]=="enter":
            self.ans()

        if keycode[1]=="left":
            if Expand(Node(self.generatePuzzleTable())).CanGoLeft():
                for m in range(9):
                    if self.children[m].pos_i==self.children[self._index].pos_i:
                        if self.children[m].pos_j==self.children[self._index].pos_j-1:
                            self.replace(self.children[m].pos,self.children[self._index].pos,m)
                            break

        if keycode[1]=="spacebar":
            print ("what the fuck ?!? ",keycode[1])
            self.solve()



    def replace(self,pos,pos1,NodeIndex):
        anime=Animation(pos=(float(pos[0]),float(pos[1])),d=0.2,t="out_cubic")#.start(self.children[0])
        anime.start(self.children[self._index])
        anime2=Animation(pos=(float(pos1[0]),float(pos1[1])), d=0.2,t="out_cubic")#.start(self.children[1])
        anime2.start(self.children[NodeIndex])
        ti=self.children[self._index].pos_i
        tj=self.children[self._index].pos_j
        self.children[self._index].pos_i,self.children[self._index].pos_j=self.children[NodeIndex].pos_i,self.children[NodeIndex].pos_j
        self.children[NodeIndex].pos_i,self.children[NodeIndex].pos_j=ti,tj

kivy代码：

^{pr2}$

in this image i moved the dash button to top left , but i resize the window it will be in it's initial position (bottom right)

Answer 1

GridLayout（或任何与此相关的布局）负责定位其子窗口小部件，以便在每次重新调整大小（以及其他有意义的事件）时，布局都会从头开始定位小部件（这是让您烦恼的行为）。在

在GridLayout的例子中，重要的是网格子元素的顺序。。。在

要解决您的问题，您有两个选择：

1）动画完成后，将“-”小部件与网格子列表中的其他小部件交换。在

2）使用类似https://github.com/inclement/sparsegridlayout这样的东西，可以指定每个小部件（网格条目）的（i，j）

我希望这能让事情更清楚一点