MDTopAppBarTrailingButtonContainer对齐异常及标题不显示问题求助

问题原因分析 #

1. 尾部按钮容器未对齐右侧：手动添加MDTopAppBarTrailingButtonContainer后，未通过布局容器分配空间，加上设置size_hint_x: .8打乱了AppBar内部元素的位置规则，导致尾部容器无法自动对齐右侧。
2. 标题未显示：MDTopAppBarTitle未被正确纳入AppBar的布局体系，手动添加的pos_hint: {"center_x": .5}干扰了组件默认显示逻辑，导致标题文本无法渲染。

解决方案 #

提供两种修复方式，优先使用官方标准用法：

方式1：使用MDTopAppBar自带属性配置（推荐） #

KivyMD为MDTopAppBar内置了属性用于配置导航栏元素，自动处理布局对齐，代码更简洁：

from kivy.lang import Builder
from kivymd.app import MDApp

KV = """
MDScreen:
    md_bg_color: self.theme_cls.secondaryContainerColor

    MDTopAppBar:
        type: "small"
        size_hint_x: .8
        pos_hint: {"center_x": .5, "center_y": .5}
        title: "AppBar small"
        leading_action: "menu"
        trailing_actions: [{"icon": "account-circle-outline"}]
"""

class TestApp(MDApp):
    def build(self):
        self.theme_cls.theme_style = "Dark"
        return Builder.load_string(KV)

TestApp().run()

方式2：手动调整内部布局结构 #

若需自定义内部组件嵌套，可通过BoxLayout包裹所有元素，明确空间分配：

from kivy.lang import Builder
from kivymd.app import MDApp

KV = """
MDScreen:
    md_bg_color: self.theme_cls.secondaryContainerColor

    MDTopAppBar:
        type: "small"
        size_hint_x: .8
        pos_hint: {"center_x": .5, "center_y": .5}
        
        BoxLayout:
            orientation: "horizontal"
            size: root.size
            pos: root.pos

            MDTopAppBarLeadingButtonContainer:
                MDActionTopAppBarButton:
                    icon: "menu"

            MDTopAppBarTitle:
                text: "AppBar small"
                size_hint_x: 1
                halign: "center"

            MDTopAppBarTrailingButtonContainer:
                MDActionTopAppBarButton:
                    icon: "account-circle-outline"
"""

class TestApp(MDApp):
    def build(self):
        self.theme_cls.theme_style = "Dark"
        return Builder.load_string(KV)

TestApp().run()

说明 #

• 方式1中，leading_action直接设置左侧图标，trailing_actions接收列表格式的图标配置，标题通过title属性直接设置，无需手动添加容器组件。
• 方式2中，BoxLayout横向布局让标题组件占据中间全部剩余空间（size_hint_x:1），并设置文本居中，尾部容器会自动被推至右侧，确保布局对齐。

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