与 Kivy 中的元素大小混淆

Question

我刚开始学习 Kivy 并且对元素大小调整感到困惑。假设我想创建视频播放器时间栏，中间是进度条，两侧是时间标签。

到目前为止我得到了什么：

<TimeLabel@Label>:
    width: 100
    padding: 10, 0
    font_size: '14sp'


<Player>:
    BoxLayout:
        orientation: 'horizontal'
        pos: 0, 0
        size: root.width, 40

        canvas:
            Color:
                rgba: 0, 0.5, 0, 0.8
            Rectangle:
                pos: self.pos
                size: self.size

        TimeLabel:
            size_hint: None, 1
            text: "0"

        ProgressBar:
            value_normalized: 0.5

        TimeLabel:
            size_hint: None, 1
            text: "10:00:00"

在 Windows 上似乎一切正常：

在我的 Galaxy S4 上不：

正如您在上一个屏幕截图选项卡上看到的那样，进度条运行也进入时间标签。因为我可以增加条形高度和标签宽度，但在这种情况下，所有这些在 Windows.

上都太大了

如何在 Android 上固定尺寸，在 Windows 上保存当前比例？

Answer 1

切勿像您在多个地方所做的那样为小部件使用默认像素大小。使用大小提示或 dp 单位。这样，您的 UI 将在任何地方看起来都一样。更多信息 here.

与 Kivy 中的元素大小混淆

Confused with elements sizing in Kivy

python

kivy

kivy-language