L'arrondissement bouton coins de kivy

Quel est le meilleur moyen pour créer des coins arrondis pour les boutons kivy?

Il existe d'autres tout aussi viable des moyens pour effectuer cette tâche? Merci.

InformationsquelleAutor James_L | 2013-09-25
  1. 24

    C'est une question délicate. Pour autant que je suis préoccupation Widgets sont toujours des rectangles. Mais nous pouvons changer l'arrière-plan et de mettre quelques images pour le normal et le bas états à l'aide de la background_normal et background_down propriétés respectivement. Aussi, vous aurez besoin de comprendre la border propriété.

    Avec ces deux images appelées normal.png et down.png, vous pouvez commencer à ajouter votre tour frontières.

    L'arrondissement bouton coins de kivy

    Voici le morceau de code, qui est très simple (j'essaie d'expliquer le border propriété ci-dessous):

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

    La façon dont je le comprends (et j'ai peut-être mal), c'est ceci. Les valeurs dans border: 30,30,30,30 indique à combien de pixels de haut, droite, bas et gauche vont être utilisés pour la frontière de l'arrière-plan du bouton. Le reste va être rempli avec la partie du milieu. Je ne suis pas sûr ici. Par ailleurs, Si vous voulez voir quelque chose de cool, voir par exemple border: 150,150,150,150. La raison en est que nous sommes ramasser une frontière plus grand que l'image réelle.

    La mise en garde: Widgets sont toujours des rectangles. Cela signifie que même si vous cliquez sur l'un des coins arrondis, le bouton recevez toujours le cas. Je suppose que c'est un juste prix. Si vous voulez faire quelque chose de mieux, peut-être que je peux vous aider, mais nous aurons besoin de certains de mathématiques à entrer en collision les points. L'un des trucs avec les Jeu de Pong tutoriel dans la documentation qui en fait la balle est un carré. J'ai posté une question connexe ici, mais vous aurez besoin d'utiliser la Toile

    InformationsquelleAutor toto_tico
  2. 6

    Si vous êtes à la recherche que pour la bonne mine, et ne sont pas pointilleux sur les coins, bien arrondis, sont toujours des points de contact, vous pouvez le faire simplement, comme le montre cet exemple de programme (Ce qui a grand rayon pour cet exemple):

    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