使用额外kv文件时布局为何收缩？按钮无法全显怎么解决？

问题根源 #

你自定义的DD组件继承自MDBoxLayout，但错误使用了cols: 1属性——cols是GridLayout专属属性，BoxLayout（包括其子类MDBoxLayout）并不支持该属性，这会导致布局解析异常，内部按钮无法正常渲染显示。

解决方法 #

有两种修正方案，根据你的布局需求选择：

方案1：保留MDBoxLayout（推荐，符合原布局意图）

修改cm_dd_btns.kv文件，移除无效的cols属性，同时可优化按钮显示效果：

<DD@MDBoxLayout>
    spacing: 1
    orientation: "vertical"
    # 显式设置尺寸占比，确保布局填满屏幕（默认值为(1,1)，若未生效可添加）
    size_hint: 1, 1

    Button:
        text: "First btn"
        # 设置按钮背景色，避免与深色屏幕背景混淆
        background_color: 1, 1, 1, 1

    Button:
        text: "2nd btn"
        background_color: 1, 1, 1, 1

方案2：改用MDGridLayout（若需要网格布局特性）

如果原本就想使用网格布局，将父容器改为MDGridLayout，此时cols属性有效：

<DD@MDGridLayout>
    cols: 1
    spacing: 1
    size_hint: 1, 1

    Button:
        text: "First btn"
        background_color: 1, 1, 1, 1

    Button:
        text: "2nd btn"
        background_color: 1, 1, 1, 1

额外优化建议 #

普通Kivy的Button组件与KivyMD主题兼容性较差，建议改用MDRaisedButton、MDFlatButton等MD原生按钮组件，适配深色主题的同时获得更统一的视觉效果：

# 示例：替换为MDRaisedButton
MDRaisedButton:
    text: "First btn"

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