如何调整Kivy同一行Widget的间距且不破坏现有控件引用逻辑

实现方案 #

无需改动现有Python逻辑和控件层级结构，仅需修改main.kv中承载三个控件的GridLayout及子控件的布局属性即可实现需求：

1. 给承载控件的GridLayout添加左右内边距（padding属性），控制按钮与屏幕边缘的距离
2. 固定左右按钮的宽度，设置中间时间Label占满剩余宽度，自动将按钮挤到两侧
3. 给时间Label添加水平居中属性，保证时间显示位置正常

修改后的对应kv代码片段

GridLayout:
    rows: 1
    padding: [30, 0, 30, 0] # 左右内边距，数值越大按钮离边缘越远，可自行调整
    canvas:
        Color:
            rgb: utils.get_color_from_hex("#000523")
        Rectangle:
            size: self.size
            pos: self.pos
    pos_hint: {"top": .93, "center_x": .5}
    size_hint: 1, .03
    ImageButton:
        id: home_button
        size_hint_x: None
        width: '36dp' # 固定按钮宽度，避免拉伸变形，可调整
        source: "icons/home.png"
        opacity: 1 if self.state == 'normal' else .5
        on_release:
            app.change_screen("home_screen")
            app.clear_results()
    Label:
        id: utc_time
        size_hint_x: 1 # 占满剩余宽度，自动将左右按钮挤到两侧
        markup: True
        font_size: '20sp'
        text: ""
        halign: 'center' # 保证文字居中显示
    ImageButton:
        id: settings_button
        size_hint_x: None
        width: '36dp' # 与首页按钮宽度保持一致更美观，可调整
        source: "icons/cog.png"
        opacity: 1 if self.state == 'normal' else .5
        on_release:
            app.change_screen("settings_screen")

方案说明 #

所有修改仅涉及布局样式属性，没有改动控件的父级从属关系、节点层级，你原有main.py中的动态增删逻辑、父容器引用代码grid_layout = self.root.children[0].children[2]完全可以正常运行，不会出现控件叠加、功能失效的问题。

内容的提问来源于stack exchange，提问作者PW1990