python - 如何修复 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()

测试.kv

<Board>
    BackgroundLayout:
        canvas.before:
            Color:
                rgba: 1, 0, 0, 0.5
            Rectangle:
                size: self.size
                pos: self.pos
        size: self.FixAspectRatio(self.parent.size)
        pos: self.parent.pos

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()