如何根据MDLabel内容自适应调整MDBoxLayout宽度并解决文本对齐问题

你的代码存在两个核心问题：布局嵌套错误导致宽度无法自适应，以及控件对齐逻辑失效。以下是具体修复步骤和修正后的代码：

问题点说明 #

1. 布局结构错误：ScoreWidget内部的MDIcon和MDLabel没有嵌套到你定义的内部MDBoxLayout中，而是直接作为ScoreWidget的子控件，导致内部空布局无法参与尺寸计算，外层ScoreWidget的minimum_width也无法正确关联标签尺寸。
2. 对齐逻辑失效：由于控件层级错误，pos_hint的垂直居中设置无法作用于正确的布局上下文，导致标签和图标对齐混乱。

修正后的KV代码 #

MDScreenManager:
    id: screen_manager
    HomeScreen:

<HomeScreen>:
    MDBottomNavigation:
        id: bottom_nav
        selected_color_background: "white"
        text_color_active: "lightgrey"

        MDBottomNavigationItem:
            name: "home_page"
            icon: "home"
            text: "Home"

            MDFloatLayout:
                id: container

                ScoreWidget:
                    size_hint: None, None
                    height: dp(50)
                    width: self.minimum_width
                    padding: [dp(10), dp(10), dp(10), dp(10)]
                    spacing: dp(10)
                    pos_hint: {"x": 0.6, "y": 0.8}

                    canvas.before:
                        Color:
                            rgba: .2, .6, .86, 1
                        RoundedRectangle:
                            pos: self.pos
                            size: self.size
                            radius: [dp(10),]

                    MDBoxLayout:
                        orientation: "horizontal"
                        size_hint: None, None
                        size: self.minimum_size
                        padding: dp(5)
                        spacing: dp(10)
                        pos_hint: {"center_y": 0.5}

                        MDIcon:
                            id: score_icon
                            icon: "star"
                            size_hint: None, None
                            size: dp(50), dp(50)

                        MDLabel:
                            id: score_label
                            text: "1280"
                            halign: "left"
                            size_hint: None, None
                            size: self.texture_size

修正后的Python代码 #

from kivy.lang.builder import Builder
from kivymd.app import MDApp
from kivymd.uix.screen import MDScreen
from kivymd.uix.boxlayout import MDBoxLayout

class HomeScreen(MDScreen):
    pass

class ScoreWidget(MDBoxLayout):
    def __init__(self, **kwargs):
        super(ScoreWidget, self).__init__(**kwargs)
        self.orientation = "horizontal"
        self.bind(minimum_width=self.setter("width"))

class Test(MDApp):
    def build(self):
        self.theme_cls.material_style = "M3"
        self.theme_cls.theme_style = "Dark"
        return Builder.load_string(kv)

if __name__ == '__main__':
    Test().run()

关键修改说明 #

• 将MDIcon和MDLabel移动到内部的MDBoxLayout中，确保布局层级正确，让内部布局的minimum_size能正确计算图标和标签的总宽度。
• 移除图标和标签上的pos_hint，改为在内部MDBoxLayout上设置pos_hint: {"center_y": 0.5}，让整个内部控件组垂直居中于ScoreWidget。
• 保留ScoreWidget的bind(minimum_width=self.setter("width"))，确保其宽度随内部内容自动适配。

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