Question

我是kivy的新手，我试图制作一个8puzzle游戏，我的问题是，在gridlayout中移动数字（使用按钮或标签）后（使用动画calss移动按钮）没有问题直到调整窗口大小！调整窗口大小后，每个按钮或标签都会在其初始位置： - / 那么，为什么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代码：

<Cubes>:
    background_color: 1,1,1,1


<Puzzle>:
    cols: 3
    spacing: 2
    size: (300, 300)


BoxLayout:
    canvas.before:
        Color:
            rgb: (0.7, 0.3, .4)
        Rectangle:
            pos: (self.x, self.y)
            size: (self.width, self.height)
    size: (600, 600)
    AnchorLayout:
        Puzzle:
            center_x: root.center_x
            center_y: root.center_y*2/3

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（或任何布局）负责将其子窗口小部件定位在每个重新调整大小（以及其他有意义的事件）上，布局将从头开始定位窗口小部件（这是让您烦恼的行为）。< / p>

在GridLayout的情况下，重要的是网格子节点的顺序......

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

1）动画完成后，交换＆＃34; - ＆＃34;网格子列表中的其他小部件。

2）使用类似https://github.com/inclement/sparsegridlayout的东西，让你指定每个小部件（网格条目）的（i，j）是什么

我希望这会让事情变得更加清晰

调整窗口大小后的kivy gridlayout子位置

1 个答案: