Kivy中如何实现按钮尺寸随文字大小自适应且去除边框？

核心实现逻辑 #

要实现每个按钮完全贴合对应单词尺寸、无额外边框，只需要解决两个核心问题：一是清除Kivy Button默认自带的内边距、背景边框留白；二是让按钮尺寸动态绑定文字渲染后的实际纹理大小，不预留多余空间。

• 清除默认冗余留白：Kivy原生Button默认带padding内边距、border背景拉伸边距，还有默认的按钮背景贴图自带的透明边框，需要把这些属性全部重置为0，同时清空默认背景贴图改用纯色填充，避免贴图自带的留白。
• 尺寸自适应绑定：将按钮的size_hint设为(None, None)，绑定texture_size属性，让按钮大小始终等于文字渲染后的实际纹理宽高，完全不预留额外空间。
• 布局选型：如果需要单词按钮自动换行排列，使用FlowLayout作为容器；如果需要单行排列，使用横向BoxLayout即可，容器只需要设置控件间距，不需要额外干预按钮尺寸。

可直接运行的示例代码 #

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.flowlayout import FlowLayout

class WordButton(Button):
    def __init__(self, word, **kwargs):
        super().__init__(**kwargs)
        self.text = word
        # 清空所有默认边距、边框配置
        self.padding = (0, 0)
        self.border = (0, 0, 0, 0)
        # 移除默认带留白的按钮背景贴图，改用纯色填充
        self.background_normal = ''
        self.background_down = ''
        self.background_color = (0.2, 0.6, 1, 1) # 可自定义按钮颜色，设为(0,0,0,0)就是完全透明
        # 关闭相对尺寸，使用固定尺寸适配文字
        self.size_hint = (None, None)
        # 绑定文字纹理尺寸，自动同步按钮大小
        self.bind(texture_size=lambda inst, ts: setattr(inst, 'size', ts))

class WordBtnLayout(FlowLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.spacing = (8, 4) # 按钮之间的间距，不需要可设为0
        self.padding = (10,10)
        # 测试文本，英文直接用split按空格拆词即可
        demo_text = "This is a demo text every word matches a no border auto size button"
        for word in demo_text.split():
            self.add_widget(WordButton(word=word, font_size=20))

class DemoApp(App):
    def build(self):
        return WordBtnLayout()

if __name__ == "__main__":
    DemoApp().run()

补充说明 #

• 如果是中文场景需要按词拆分，可以自行替换文本拆分逻辑，逐词/逐字生成WordButton实例即可。
• 如果需要点击反馈效果，只需要单独设置background_color按下状态的颜色，不会额外增加按钮边框或留白。
• 如果需要调整文字和按钮的间距，只需要给padding设置对应值即可，比如(2,2)就是文字四周留2像素空间，按需调整。

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