kivy - 在 kivy 的按钮中组合图像和文本

Question

在按钮中组合图像/图标和文本的首选方法是什么？例如，您将如何使用 text = 'my button' 创建按钮，以及该文本左侧的图形图标？

Answer 1

关于问题#2。

Kivy 的工作方式是嵌入 Widget实例。自 Image和 Button是 Widget 的子类，那么您所要做的就是在 Button 中嵌入一个 Image。请注意，小部件内的定位是固定的。你必须给出明确的坐标。

也就是说，您始终可以嵌入 Layout组织你放在按钮内的东西。

这是简单的前

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang import Builder

Builder.load_string("""
<ButtonsApp>:
    orientation: "vertical"
    Button:
        text: "B1"
        Image:
            source: 'kivy.png'
            y: self.parent.y + self.parent.height - 200
            x: self.parent.x
    Label:
        text: "A label"
""")

class ButtonsApp(App, BoxLayout):
    def build(self):
        return self

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

编辑:如何将相对布局嵌入按钮内的示例

在这种情况下，我使用的是 StackLayout组织 Image和一个 Label里面。正如我所说， Button是 Widget Kivy 可以在小部件中嵌入小部件。它们是标签、按钮还是布局都没有关系。

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang import Builder

Builder.load_string("""
<ButtonsApp>:
    orientation: "vertical"
    Button:
        StackLayout:
            pos: self.parent.pos
            size: self.parent.size
            orientation: 'lr-tb'
            Image:
                source: 'kivy.png'
                size_hint_x: None
                width: 74
            Label:
                size_hint_x: None
                width: 100
                text: "The text"
    Label:
        text: "A label"
""")

class ButtonsApp(App, BoxLayout):
    def build(self):
        return self

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