Kivy - Botão com imagem
Nesse vídeo vamos aprender a criar um botão com imagem. Vou explicar sobre a propriedade border do botão e como criar bordas customizadas nos botões. Vamos utilizar esse botão para gravar a fala para reconhecimento do chatbot nos próximos vídeos.
Para criar um botão com imagem, precisamos conhecer algumas propriedades do widget Button.
Uma das propriedades é a 'background_normal' que é responsável por armazenar a imagem do botão quando ele estiver em seu estado 'normal'. Para adicionarmos uma imagem, diferente daquele botão cinza do kivy, precisamos alterar a imagem da propriedade 'background_normal'. De maneira similar, a propriedade 'background_down' pode ser alterada para indicar a imagem quando o botão é pressionado.
Isso pode ser feito no kv:
Button:
background_normal:'minhaImagem.png'
Ou no python:
Button(background_normal='minhaImagem.png')
Porém o botão ficará com uma imagem distorcida. Para arrumar esta distorção na imagem, precisamos alterar a propriedade 'border' do botão. Ela é utilizada para customizar as bordas do botão, utilizando certas regiões da imagem como borda. Como na nossa imagem não colocamos esse espaço para as bordas, a nossa imagem ficará distorcida. Podemos tirar a borda, colocando nesta propriedade o valor de (0,0,0,0).
Isso pode ser feito no kv:
Button:
border:0,0,0,0
Ou no python:
Button(border = (0,0,0,0))
Pronto! Agora temos um botão com a imagem fornecida :)
Confira no vídeo as dicas e entender como criar as bordas customizadas!
Faça o download dos arquivos desta aula aqui.