Łączenie obrazu i tekstu za pomocą przycisku w kivy

Question

Jaki jest preferowany sposób łączenia obrazu/ikony z tekstem w przycisku? Na przykład, w jaki sposób utworzysz przycisk z numerem text = 'my button' i ikoną graficzną po lewej stronie tego tekstu?

Answer 1

Odnośnie do pytania nr 2.

Sposób działania Kivy polega na osadzeniu instancji Widget. Ponieważ Image i Button są podklasami Widget, wszystko co musisz zrobić, to osadzić obraz wewnątrz przycisku. Zauważ, że pozycjonowanie wewnątrz widgetu zostało naprawione. Musisz podać wyraźne współrzędne.

To powiedziawszy, zawsze można osadzić kod Layout, aby uporządkować elementy, które wkładasz do przycisku.

Oto prostego ex

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() 

EDIT: Przykład jak względny układ może być osadzony wewnątrz przycisku

W tym przypadku używam StackLayout zorganizować Image i Label w środku. Jak już wspomniałem, Button to Widget, a Kivy obsługuje widżety osadzania wewnątrz widżetów. Nie ma znaczenia, czy są to etykiety, przyciski czy układy.

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()