Code

tiforadacaixa

Curso de Kivy - Aula 4 - Widget Button

O widget Button encontra-se no pacote kivy.uix.button
um botão serve geralmente para executarmos alguma função
nesse exemplo ao pressionarmos o botão ele executa uma função:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
from kivy.app import App
from kivy.uix.button import Button

class Programa(App):

    def funcaoDeClique(self):
        print("Voce clicou no botão")

    def build(self):
        botao = Button()
        botao.text = "Clique Aqui"        

        botao.background_color = (.2, 1, .2, 1)
        botao.size_hint = None, None        

        botao.size = 100, 50

        botao.pos_hint = {"x": .7, "y": .5}
        botao.on_press = self.funcaoDeClique
        return botao

tela = Programa()
tela.run()

1 -  funcaoDeClique:
essa função deve ser executada ao clicarmos no botão que iremos criar,
ela poderia ter qualquer nome e fazer qualquer coisa no python, pra esse exemplo ela ira apenas usar a função print para exibir uma mensagem.

2 - botao.background_color = (.2, 1, .2, 1):
podemos alterar a cor de fundo dos botões no kivy, o parametro para essa cor deve ser passado em rgba, os numeros (.21.21) significam o quanto de cada cor estamos querendo que o botão tenha na cor de fundo, ex:
.2 na primeira celula significa que quermos 20% de red(vermelho)
1 na segunda celula significa que queremos 100% de green(verde)
.3 na terceira celula significa que quermos 20% de blue(azul)
e 1 no final definie a opacidade da cor de fundo, no caso 1 = 100%.
irei falar mais sobre cores em aulas futuras!

3 - botao.size_hint = None, None  Nessa linha nos removemos as dimensões padrão do botão
caso não colocarmos None, None nesse atributo o botão ira tomar toda a tela do programa

4 - botao.size = 100, 50  Nessa linha definimos as dimensões do botão, largura e altura. 

5 - botao.pos_hint = {"x": .7, "y": .5} nessa linha definimos a posição onde o botão deve aperceber na janela do programa.

6 -botao.on_press = self.funcaoDeClique Nessa linha definimos que função deve ser executada ao pressionar o botão, perceba que não usamos parenteses ao final da função aqui nessa linha, caso você coloque parenteses, causara um erro pois seria como se estivesse pedindo para executar a função nessa linha

caso não tenha entendido algo não deixe de ver as aulas anteriores desse curso, onde expliquei algumas outras coisas!

Postar um comentário

2 Comentários

  1. Putz. Amei o artigo!! Ajudou mais que muitos que passam centenas de coisas que eu não entendo nada. ..simplificar ajuda muito quando se está começando. As dicas foram bem úteis! Obrigado!

    ResponderExcluir
  2. exatamenteee, e ele explica detalhadamente, não tem como não entender.

    ResponderExcluir