user-interface - Kivy 应用程序在 Mac 上看起来不一样

Question

我的 Kivy 应用程序在 Mac 下的外观与在 Windows 或 Linux 下的外观不同。这背后的原因是什么？屏幕分辨率？不同操作系统下的安装过程？ ……？

这是第一页的代码:

#:kivy 1.0.9

<MenuButton>:
    font_size: 20
    size_hint: None, None
    height: 75
    width: 300
    pos_hint: {'center_x': .5, 'center_y': .5}

MyScreenManager:
    HomePage:

#### Home Page ##############################################
<HomePage>:
    name: 'Home'
    BoxLayout:
        orientation: 'vertical'
        spacing: 50
        padding: 20 
        BoxLayout:
            orientation: 'vertical'
            size_hint: 1, 0.23
            Label:
                text: 'V2G-Sim'
                font_size: 50
            Label:
                text: 'Vehicle to Grid Simulator'
                font_size: 30

        BoxLayout:
            orientation: 'vertical'
            size_hint: 1, 0.64
            spacing: 20
            RelativeLayout:
                MenuButton:
                    text: 'Create vehicles'
                    on_release: 
                        app.root.transition.direction = 'left'  
                        app.root.current = 'Itinerary'
            RelativeLayout:
                MenuButton:
                    text: 'Grid initialization'
                    on_release: 
                        app.root.transition.direction = 'left'  
                        app.root.current = 'Grid'
            RelativeLayout:
                MenuButton:
                    text: 'Simulate vehicles'
                    on_release: 
                        app.root.transition.direction = 'left'  
                        app.root.current = 'SimulationType'
            RelativeLayout:
                MenuButton:
                    text: 'Visualizations'
                    on_press:
                        root.raise_popup()
                    on_release: 
                        root.visualization()

        BoxLayout:
            orientation: 'horizontal'
            size_hint: 1, 0.13
            spacing: 30
            Button:
                text: 'Project status'
                font_size: 20
                size_hint: 0.7, 1
                on_release: 
                    app.root.transition.direction = 'left'  
                    app.root.current = 'ProjectStatus'
            Button:
                text: 'Exit'
                font_size: 20
                size_hint: 0.7, 1
                on_release:
                    root.exit_app()

这是在 Windows/Linux 发行版下的外观:

这是 Mac 下的外观(用 2 台不同的 Mac book 测试)

Answer 1

mac 可能具有高 dpi 显示，因此您对按钮和字体大小的固定大小声明是实际大小的一半，因为它们以像素为单位。

您可以使用 dp kivy.metrics 中的函数(在 kv 中自动导入)以避免这种情况，例如font_size: dp(20) .

请注意，屏幕都有点不同，并且无论如何都可能无法正确报告它们的 dpi，因此您可能仍然会因不同的硬件而获得一些(较小的)差异。