Rundung Schaltfläche Ecken in kivy

Was ist der bevorzugte Weg, um erstellen Sie abgerundete Ecken für Schaltflächen in kivy?

Gibt es andere, ebenso effektive Wege, um diese Aufgabe auszuführen? Danke.

InformationsquelleAutor James_L | 2013-09-25
  1. 24

    Dies ist eine knifflige Sache. Soweit ich bin besorgt Widgets sind immer Rechtecke. Aber wir können den hintergrund ändern und ein paar Bilder für den normal-und down-Zustände mit dem background_normal und background_down Eigenschaften beziehungsweise. Auch Sie müssen verstehen, die border Eigenschaft.

    Mit dieser zwei Bilder, sogenannte normal.png und down.png können Sie beginnen, indem Sie Ihre Runde Grenzen.

    Rundung Schaltfläche Ecken in kivy

    Hier ist das Stück code, das ist sehr geradlinig (ich versuche zu erklären, die border Eigenschaft unten):

    from kivy.app import App
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.button import Button
from kivy.lang import Builder

Builder.load_string("""
<Base>:
    Button:
        background_normal: 'normal.png'
        background_down: 'down.png'
        border: 30,30,30,30
""")


class Base(FloatLayout):
    pass

class ButtonsApp(App):
    def build(self):
        return Base()

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

    So wie ich das verstehe (und ich könnte falsch sein) ist diese. Die Werte in border: 30,30,30,30 erzählt, wie viele Pixel für oben, rechts, unten und Links gehen, um verwendet werden, für die Umrandung der hintergrund-button. Der rest wird gefüllt mit dem mittleren Teil. Ich bin mir nicht sicher hier. By the way, Wenn Sie wollen, um zu sehen, etwas abkühlen lassen, siehe zum Beispiel border: 150,150,150,150. Der Grund ist, dass wir Kommissionierung bis eine Grenze größer als das eigentliche Bild.

    Der Nachteil: Widgets sind noch Rechtecke. Das bedeutet, dass selbst wenn Sie klicken Sie auf die abgerundeten Ecken, die Schaltfläche immer noch das Ereignis erhalten. Ich denke, es ist ein fairer Preis. Wenn Sie wollen, etwas besseres zu tun, vielleicht kann ich Ihnen helfen, aber wir müssen einige Mathe zu treffen, so Punkte. Einer der tricks, mit dem Pong Spiel-tutorial in der Dokumentation ist, dass eigentlich der ball ist ein Quadrat. Ich habe eine Frage im Zusammenhang mit hier, aber Sie müssen verwenden Sie die Canvas

    InformationsquelleAutor toto_tico
  2. 5

    Wenn Sie auf der Suche nur für gutes Aussehen, und sind nicht wählerisch in Bezug auf die Ecken, obwohl gerundeten, noch touch-Punkte, die Sie tun können, es einfach, wie in diesem Beispiel-Programm (Dies hat einen großen radius für dieses Beispiel):

    from kivy.uix.button import Button
from kivy.lang import Builder
from kivy.base import runTouchApp

kv="""
<RoundedButton@Button>:
    background_color: 0,0,0,0  # the last zero is the critical on, make invisible
    canvas.before:
        Color:
            rgba: (.4,.4,.4,1) if self.state=='normal' else (0,.7,.7,1)  # visual feedback of press
        RoundedRectangle:
            pos: self.pos
            size: self.size
            radius: [50,]
"""
class RoundedButton(Button):
    pass

Builder.load_string(kv)

runTouchApp(RoundedButton(text="Hit Me!"))
    InformationsquelleAutor RufusVS
Schreibe einen Kommentar