如何确定一个kivy游戏的纵横比？

Question

我已经开始和Kivy一起玩了，但我对这一切都很陌生，而且已经在挣扎。在

我正在尝试制作一个棋盘游戏-我希望窗口可以调整大小，但我不想调整窗口的大小来扰乱游戏的纵横比（所以换句话说，如果窗口的大小不是内容的预期纵横比，我希望窗口在内容的上方或两侧有黑色条）

我认为确保这一点的最简单方法是：

a）锁定窗口本身的纵横比，使其始终为10:9（板和所有屏幕元素的纵横比）-即使是全屏显示。在

或者

b）使用某种以窗口为中心的小部件/表面/布局，其纵横比锁定为10:9。随后，我将其作为我所有其他图像、小部件、网格等放置的基础。在

但是，我真的不知道怎么做。我不确定是否可以锁定窗口纵横比，我找到的唯一一个kivy特定对象可以锁定纵横比是从kivy.graphics.image... 我似乎不能把它作为我其他东西的“基地”。在

编辑：到目前为止，我已经写了下面的代码：它创建了一个布局（并将其涂成红色），每当调整大小时，它都会“修复”它自己的纵横比。但是，它仍然没有在窗口中居中，而且更麻烦的是，它导致了一个无休止的循环（可能是因为方面修复代码修正了大小，但是kivy将它的大小“修正”回窗口的大小，再次触发方面修复，我想我可能错了）。在

编辑：再次修改代码，但仍然是一个无休止的循环。我认为只提及父母的尺寸信息可以解决这个问题，但显然不是。在

如果有人帮我修改代码，我会很感激的。在

代码如下：

测试.py

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.uix.image import Image
from kivy.uix.anchorlayout import AnchorLayout
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.relativelayout import RelativeLayout
from kivy.properties import (ObjectProperty,
                             NumericProperty,
                             ReferenceListProperty)
from kivy.graphics.context_instructions import Color
from kivy.graphics.vertex_instructions import Rectangle

class Board(AnchorLayout):
    pass

class BackgroundLayout(RelativeLayout):
    def FixAspectRatio(self, *args):
        correctedsize = self.parent.size
        if correctedsize[0] > correctedsize[1]*(10/9):
            correctedsize[0] = correctedsize[1]*(10/9)
        elif correctedsize[0] < correctedsize[1]*(10/9):
            correctedsize[1] = correctedsize[0]/(10/9)
        return correctedsize

class test(App):
    game = ObjectProperty(None)

    def build(self):
        self.game = Board()
        return self.game

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

试验电压

^{pr2}$

Answer 1

一种方法是创建一个布局，在给定宽高比的情况下始终最大化子对象。举个例子：

from kivy.lang import Builder
from kivy.app import App
from kivy.uix.relativelayout import RelativeLayout
from kivy.properties import NumericProperty

kv = """
ARLayout:
    Widget:
        canvas:
            Color:
                rgb: 1, 0, 0
            Rectangle:
                size: self.size
                pos: self.pos
"""

class ARLayout(RelativeLayout):
    # maximize the children given the ratio
    ratio = NumericProperty(10 / 9.)

    def do_layout(self, *args):
        for child in self.children:
            self.apply_ratio(child)
        super(ARLayout, self).do_layout()

    def apply_ratio(self, child):
        # ensure the child don't have specification we don't want
        child.size_hint = None, None
        child.pos_hint = {"center_x": .5, "center_y": .5}

        # calculate the new size, ensure one axis doesn't go out of the bounds
        w, h = self.size
        h2 = w * self.ratio
        if h2 > self.height:
            w = h / self.ratio
        else:
            h = h2
        child.size = w, h


class TestApp(App):
    def build(self):
        return Builder.load_string(kv)

TestApp().run()

Answer 2

我设法找到了一个我很高兴的解决办法，在kive的帮助下，kivy聊天。在

下面的游戏边界基于一个“背景”图像，然后在这个背景图像上放置一个相对布局。对于所有后续子对象，坐标（0，0）将引用（纵横锁定）背景图像的左下角，并且他们可以使用背景的“放大”属性根据屏幕大小调整其大小/位置。在

提供任何游戏界.png图中，下面的代码将实现此功能。请注意，RelativeLayout被着色为红色（透明度为50%），只是为了显示它的位置（并显示它与游戏界.png图像大小和位置始终不变）：

测试.py

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.uix.image import Image
from kivy.uix.anchorlayout import AnchorLayout
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.relativelayout import RelativeLayout
from kivy.properties import (ObjectProperty,
                             NumericProperty,
                             ReferenceListProperty,
                             ListProperty)
from kivy.graphics.context_instructions import Color
from kivy.graphics.vertex_instructions import Rectangle

class Game(FloatLayout):
    pass

class Background(Image):
    offset = ListProperty()
    magnification = NumericProperty(0)


class Bounds(RelativeLayout):
    pass

class test(App):
    game = ObjectProperty(None)

    def build(self):
        self.game = Game()
        return self.game

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

试验电压

^{pr2}$