Interface gráfica python
comentada em 17/04/2020 13:10

@Quorthon você quer rodar no desktop, na web ou no celular? 

Desktop o mais simples é tkinter. É feinho mas é muito tranquilo. Tem outras opções mais robustas mas nunca me atrevi a mexer nelas como PyQt.

Web tem que desenrolar o front-end. Aprender HTML e CSS pelo menos, talvez JavaScript dependendo do programa. Como é algo simples talvez dê pra fazer usando só HTML, CSS e JavaScript, mas aí seria aprender um monte de coisa nova que talvez você não tenha visto ainda.

Mobile pode ir de Kivy, que eu nunca gostei, e tem um projeto novo de Python, o Beeware, que tá crescendo e promete que é possível fazer a build rodar em Android, iOS e Desktop.

Talvez a melhor opção seja desbravar o Beeware, já que vai ser possível rodar em qualquer plataforma. 

Mas nunca usei o Beeware. Se for pra dar uma brincada o Tkinter vai te ajudar a aprender a mexer com interfaces gráficas mais rápido. 

É só para aprender mesmo. HTML e CSS já sei, já mexi bastante. JavaScript já fiz um curso na codecademy, mas faz tempo, já esqueci tudo.

Quero criar o programa para desktop mesmo, pelo que eu vi o kivy funciona para todas as plataformas, windows, android etc.

Eu não programei orientado a objetos, nem utilizando funções (só uma). Isso atrapalha na hora de criar a interface?

Pensei também em pegar esse meu programa e criar um novo orientado a objetos só para tentar aprender, será que vale a pena?

@Quorthon então para tudo e vai aprender pelo menos mais sobre funções rs 

Vai te limitar muito o seu desenvolvimento não saber funções. Eu aproveitaria esse déficit e usaria esse projeto pra aprender tanto mais sobre programação funcional e orientada a objetos também. 

Realmente Python é bastante incipiente quanto a GUI desktop. O tkinter é bastante limitado e na minha opinião o sistema de licenciamento e configuração do Qt/PySide é muito bagunçado. Nao acho o Kivy interessante para desktop, sobretudo se voce precisa de componentes prontos como botões, caixas de texto, etc.  Como você está iniciando, eu recomendaria fazer algo básico em tkinter e ver se adequa à sua necessidade, mas ao mesmo tempo focar em HTML/CSS/JS. Quando preciso de um app desktop utilizo tecnologias Web, rodo em um microservidor flask e exibo no desktop através de uma biblioteca gratuita chamada pywebview. Se for desenvolver para desktop, também é interessante empacotar tudo em um executável antes de distribuir. Pra isso voce pode usar bibliotecas como pyInstaller.

Acho que vou de html/css mesmo, que eu já conheço.

Mas não sei como integrar o python com o html.  Procurei na internet, mas não achei nenhum link bom.

@Quorthon e o projeto que tou desenvolvendo aqui no site?  é um projeto de integração de python com front end usando flask. Podia dar uma olhada. 

Vou olhar @ThiagoDV. Obrigado.

@Quorthon os projetos da quarentena estão neste FAQ aqui Tecnologia > FAQ > #QuarantineDaysOfCode

A parte de Python e Flask começa aqui #QuarantineDaysOfCode - D18 - Criando um site informativo sobre a covid-19 acessando uma API externa - Tecnologia - Bastter.com

O python tem várias alternativas para programar interfaces gráficas tradicionais no Desktop.

Graphic User Interface FAQ — Python 3.8.2 documentation

As que são multiplataforma e mais profissionais são o Qt, GTK e WxWidgets. As 3 tem ferramentas RAD para construir a interface visualmente ao invés de fazer tudo por código. A licença de todas é LGPL, então você pode usar até em programas comerciais, se quiser.

Para quem está começando, recomendo o tkinter, mesmo sendo feio. É simples e te passa os fundamentos para aprender a fazer interfaces gráficas. As outras opções são mais complexas, mas o resultado é muito bom.

Já vi interface muito bonita feita usando o Qt. Mas é muito difícil de aprender o PyQt, não me atrevi muito não, e não achei muito material disponível pra estudar na época. 

O Tkinter é feio mas quebra o galho e é fácil de aprender. 

Já vi muitos sites confusos no ensino do uso do tkinter com Orientação a Objetos. Depois de um tempo, acabei me deparando com esse: Medium – Get smarter about what matters to you.@mattia512maldini/how-to-setup-correctly-an-application-with-python-and-tkinter-107c6bc5a45 .
Ele ensina a configurar a interface em apenas uma função e devolver uma referência aos objetos de interesse (ex.: textfield que terá o dado inserido pelo usuário).
Não tenho experiência com interfaces, mas a partir desse site iniciei uma que ainda está inacabada, conforme código a seguir, o qual cria uma janela com menu e 5 abas:

from tkinter import Tk
from tkinter import Menu
from tkinter import ttk
from types import SimpleNamespace


def gui(root):
    #INICIA JANELA
    root.geometry('620x305')
    root.option_add('*tearOff', False)
    root.title('Checa Planilha SEPAC 1.0')

    #INICIA BARRA DE MENUS
    menuBar = Menu(root)
    menuFile = Menu(menuBar)
    menuFile.add_command(label = 'Checar agora', command = None)
    menuFile.add_command(label = 'Sair', command = None)
    menuBar.add_cascade(menu = menuFile, label = 'Arquivo')
    root.config(menu = menuBar)
    
    #INICIA ABAS
    tabControl = ttk.Notebook(root)
    aba1 = ttk.Frame(tabControl)
    aba2 = ttk.Frame(tabControl)
    aba3 = ttk.Frame(tabControl)
    aba4 = ttk.Frame(tabControl)
    aba5 = ttk.Frame(tabControl)
    tabControl.add(aba1, text = 'PJ-D')
    tabControl.add(aba2, text = 'PJ-M')
    tabControl.add(aba3, text = 'PJ-Demais')
    tabControl.add(aba4, text = 'PF-D')
    tabControl.add(aba5, text = 'PF-Demais')
    tabControl.pack(expand = 1, fill = 'both')    
    
    return SimpleNamespace() #falta adicionar componentes


if __name__ == '__main__':
    root = Tk()
    guiref = gui(root)
    root.mainloop()?

@ThiagoDV , já que citou, tenho interesse em programação funcional, caso tenha alguma aula ou indicação de leitura no assunto.

@p.raphael num nível mais básico, tem o FAQ aqui da área de Python, tem uma série de posts só sobre funções:

Tecnologia > FAQ > Python - Tópicos ordenados para estudo

Os tópicos são os que iniciam no número 3:

3.1 - Python - Introdução a funções - Tecnologia - Bastter.com

3.2 - Python - Escopo de funções - Tecnologia - Bastter.com

3.3 - Python - Funções anônimas (lambda functions) - Tecnologia - Bastter.com

3.4 - Python - *args e **kwargs - Tecnologia - Bastter.com

3.5 - Python - Parâmetros posicionais, nomeados, explicitamente nomeados e mais *args e **kwargs - Tecnologia - Bastter.com

3.6 - Python - Map, filter e reduce e comparação com list comprehension - Tecnologia - Bastter.com

3.7 - Python - Modularização de código - Criando os próprios módulos e pacotes - parte 1 - Tecnologia - Bastter.com

3.7 - Python - Modularização de código - Criando os próprios módulos e pacotes - parte 2 - Tecnologia - Bastter.com

3.8 - Python - Funções como objetos de primeira classe - Tecnologia - Bastter.com

3.9 - Python - Tipagem estática x dinâmica, tipagem forte x fraca e introdução a anotações de tipo - Tecnologia - Bastter.com

3.10 - Python - Type hints, typing, mypy, pyi e monkeytype - Tecnologia - Bastter.com

3.11 - Python - Introdução a decoradores - Closures - Tecnologia - Bastter.com

3.12 - Python - Decoradores - Tecnologia - Bastter.com

Num nível mais hardcore, tem esse material de um cara que eu sigo que é muito bom em Python:

python-funcional | Quase um livro, quase um tutorial, quase qualquer coisa

Já comecei a mexer no flask olhando as aulas do @ThiagoDV e olhando um pouco na internet e já vi que não vai ser tão fácil quanto eu achava .

Bem no começo do meu programa eu já texto uma entrada do usuário pra saber se ele não digitou texto ou se não digitou um valor menor que 2 ou maior que 12.

Alguém tem alguma ideia de como eu integro esse código python (abaixo) no flask. Preciso descobrir também como eu retorno o valor digitado no formulário do html para a variável.

while so_numero == True:
    try:
        quant_jogadores = int(input("Digite a quantidade de jogadores (No mínimo 2 no máximo 12): "))
        print("
")
        so_numero = False
        if quant_jogadores < 2 or quant_jogadores > 12:
            so_numero = True
            print("Digite um número entre 2 e 12")
    except ValueError:
        print("Digite só números inteiros")
        so_numero = True?

@Quorthon não vai rolar rodar um loop while por trás do Flask de forma fácil, se for um loop de I/O, de entrada e saída de dados. E seu código parece ser algo simples. Mas isso tou te falando sem ver o código completo. Posso estar errado. 

Ou você tenta alterar a lógica do jogo pra conseguir fazer rodar em flask, ou outra opção seria fazer tudo em JavaScript rodando no lado do cliente, no browser. 

Mas isso sou eu falando sem ver o código completo. Posso estar enganado.

Se bem que se eu entendi teu código de forma correta, dá pra integrar bem o Flask com um pouco de JavaScript. 

Basta fazer uma validação no lado do cliente para evitar que o usuário não digite números fora do intervalo de 2 a 12. 

Aí você garantiria que o Flask estaria recebendo esse valor limpo e faria a lógica do jogo rodar por ele. 

Mas se seu jogo é algo mais interativo vai ter que manjar um pouco de JavaScript pra trazer interatividade. 

O programa não é muito complicado, mas tem dois while por exemplo. Eu já tinha lido que dava pra fazer esse primeiro teste em JavaScript, mas queria tentar fazer tudo só utilizando o python e o flask, mas pelo jeito vai ser complicado. Então, lá vamos nós aprender mais coisas. Vou postar o código completo aqui.

Obs: O segundo while é o que faz as perguntas e dá as respostas e ele roda até que um determinado assunto termine e que todos os jogadores tenham respondido a mesma quantidade de perguntas. Complicado ter que reescrever todo o código em outra linguagem.

#!/usr/bin/env python
#*-* coding: utf-8 *-*

import random
import time

   
lista_pergunta_verm = ["Quem Verm1?", "Quem Verm2?", "Quem Verm3?", "Quem Verm4?"]
lista_pergunta_amarelo = ["Quem Amarelo1?", "Quem Amarelo2?", "Quem Amarelo3?", "Quem Amarelo4?"]
lista_pergunta_verde = ["Quem Verde1?", "Quem Verde2?", "Quem Verde3?", "Quem Verde?"]
lista_pergunta_roxo = ["Quem Roxo1?", "Quem Roxo2?", "Quem Roxo3?", "Quem Roxo4?"]
lista_pergunta_azul = ["Quem Azul1?", "Quem Azul2?", "Quem Azul3?", "Quem Azul4?"]

lista_respostas_verm = ["RESPVERM1 DE JOSE", "RESPVERM2 DE JOSE", "RESPVERM3 DE JOSE", "RESPVERM4 DE JOSE"]
lista_respostas_amarelo = ["RESPAMARELO1 DE JOSE", "RESPAMARELO2 DE JOSE", "RESPAMARELO3 DE JOSE", "RESPAMARELO4 DE JOSE"]
lista_respostas_verde = ["RESPVERDE1 DE JOSE", "RESPVERDE2 DE JOSE", "RESPVERDE3 DE JOSE", "RESPVERDE4 DE JOSE"]
lista_respostas_roxo = ["RESPROXO1 DE JOSE", "RESPROXO2 DE JOSE", "RESPROXO3 DE JOSE", "RESPROXO4 DE JOSE"]
lista_respostas_azul = ["RESPAZUL1 DE JOSE", "RESPAZUL2 DE JOSE", "RESPAZUL3 DE JOSE", "RESPAZUL4 DE JOSE"]

aux_perguntas_vermelho = 4
aux_perguntas_amarelo = 4
aux_perguntas_verde = 4
aux_perguntas_roxo = 4
aux_perguntas_azul = 4

aux_ciclo = True
aux_ciclo2 = True
j = 0
n = 0
p =0
quant_respostas_rodada = []

lista_nomes = []

aux_contagem_resp_jogadores = [1]
contagem_pontos = []
aux_contagem_pontos = 0
aux_contagem_pontos2 = 1
maior_numero = 0
posicao_maior_numero = 0

quant_jogadores = 0
so_numero = True

var_NomesJogadores = ""
aux_var_NomesJogadores = True

so_minuscula = ['DA', 'DE', 'DI', 'DO', 'DU', 'PARA', 'É', 'E', 'O', 'A']

"""Função que mostra a resposta correta e transforma o texto que esta em maiúsculas e deixa só a primeira em maiúscula
    em pega as sílabas acima e coloca em minúscula"""
def capitula_resp(respostas):
    saida_respostas_erradas = []
    print("
Que pena, você errou!")
    time.sleep(2)
    print("
A resposta correta é:")
    for item in respostas.split():
        if not item in so_minuscula:
            item = item.capitalize()
            saida_respostas_erradas.append(item)
        else:
            item = item.lower()
            saida_respostas_erradas.append(item)
    return print(' '.join(saida_respostas_erradas))



while so_numero == True:
    try:
        quant_jogadores = int(input("Digite a quantidade de jogadores (No mínimo 2 no máximo 12): "))
        print("
")
        so_numero = False
        if quant_jogadores < 2 or quant_jogadores > 12:
            so_numero = True
            print("Digite um número entre 2 e 12")
    except ValueError:
        print("Digite só números inteiros")
        so_numero = True
    

var_Cores = ["Vermelho", "Amarelo", "Verde", "Roxo", "Azul"]
#var_Cores = ["Vermelho", "Amarelo"]



for i in range(quant_jogadores):
    aux_var_NomesJogadores = True
    while aux_var_NomesJogadores == True:
        var_NomesJogadores = input("Digite o nome do %iº jogador: "%(i+1))
        if var_NomesJogadores == "":
            aux_NomesJogadores = True
        else:
            lista_nomes.append(var_NomesJogadores)
            aux_var_NomesJogadores = False
            
""" Preenche a lista de contagem de pontos com 0, tendo por base a quantidade de jogadores"""
for i in range(quant_jogadores):
        contagem_pontos.append(0)

while aux_ciclo == True or aux_ciclo2 == True:

    print("
Lista de Assuntos:")
    print(', '.join(var_Cores))
    
    
    print("
Estamos sorteando um assunto, aguarde...")
    time.sleep(1)

    var_Res = random.choice(var_Cores)
    #var_Res = "Vermelho"
    print("O Assunto sorteado foi o:", var_Res,"
")
    time.sleep(1)

    if j == quant_jogadores:
        j = 0
    print(''.join(lista_nomes[j]))
    j = j + 1
    n = n + 1

    """ Bloco que pega as perguntas e respostas"""
    if var_Res == "Vermelho":
        var_Perguntas = random.choice(lista_pergunta_verm)
        print(var_Perguntas)
        respostas = input("Digite a sua resposta: ")
        respostas = respostas.upper()
        ind = (lista_pergunta_verm.index(var_Perguntas))
        if respostas == lista_respostas_verm[ind]:
            aux_contagem_pontos2 = 0
            print("
Você acertou!!!")
        else:
            capitula_resp(lista_respostas_verm[ind])
            time.sleep(2)
            
        """ Comandos que removem a pergunta e a resposta para que as mesmas não sejam repetidas"""
        del lista_respostas_verm[ind]
        lista_pergunta_verm.remove(var_Perguntas)
        aux_perguntas_vermelho -= 1
        if aux_perguntas_vermelho == 0:
            aux_ciclo = False
            var_Cores.remove("Vermelho")
            

    elif var_Res == "Amarelo":
        var_Perguntas = random.choice(lista_pergunta_amarelo)
        print(var_Perguntas)
        respostas = input("Digite a sua resposta: ")
        respostas = respostas.upper()
        ind = (lista_pergunta_amarelo.index(var_Perguntas))
        if respostas == lista_respostas_amarelo[ind]:
            aux_contagem_pontos2 = 0
            print("
Você acertou!!!")
        else:
            capitula_resp(lista_respostas_amarelo[ind])
            time.sleep(2)
        del lista_respostas_amarelo[ind]
        lista_pergunta_amarelo.remove(var_Perguntas)
        aux_perguntas_amarelo -= 1
        if aux_perguntas_amarelo == 0:
            aux_ciclo = False
            var_Cores.remove("Amarelo")

    elif var_Res == "Verde":
        var_Perguntas = random.choice(lista_pergunta_verde)
        print(var_Perguntas)
        respostas = input("Digite a sua resposta: ")
        respostas = respostas.upper()
        ind = (lista_pergunta_verde.index(var_Perguntas))
        if respostas == lista_respostas_verde[ind]:
            aux_contagem_pontos2 = 0
            print("
Você acertou!!!")
        else:
            capitula_resp(lista_respostas_verde[ind])
            time.sleep(2)
        del lista_respostas_verde[ind]
        lista_pergunta_verde.remove(var_Perguntas)
        aux_perguntas_verde -= 1
        if aux_perguntas_verde == 0:
            aux_ciclo = False
            var_Cores.remove("Verde")

    elif var_Res == "Roxo":
        var_Perguntas = random.choice(lista_pergunta_roxo)
        print(var_Perguntas)
        respostas = input("Digite a sua resposta: ")
        respostas = respostas.upper()
        ind = (lista_pergunta_roxo.index(var_Perguntas))
        if respostas == lista_respostas_roxo[ind]:
            aux_contagem_pontos2 = 0
            print("
Você acertou!!!")
        else:
            capitula_resp(lista_respostas_roxo[ind])
            time.sleep(2)
        del lista_respostas_roxo[ind]   
        lista_pergunta_roxo.remove(var_Perguntas)
        aux_perguntas_roxo -= 1
        if aux_perguntas_roxo == 0:
            aux_ciclo = False
            var_Cores.remove("Roxo")

    elif var_Res == "Azul":
        var_Perguntas = random.choice(lista_pergunta_azul)
        print(var_Perguntas)
        respostas = input("Digite a sua resposta: ")
        respostas = respostas.upper()
        ind = (lista_pergunta_azul.index(var_Perguntas))
        if respostas == lista_respostas_azul[ind]:
            aux_contagem_pontos2 = 0
            print("
Você acertou!!!")
        else:
            capitula_resp(lista_respostas_azul[ind])
            time.sleep(2) 
        del lista_respostas_azul[ind]      
        lista_pergunta_azul.remove(var_Perguntas)
        aux_perguntas_azul -= 1
        if aux_perguntas_azul == 0:
            aux_ciclo = False
            var_Cores.remove("Azul")

    """
    Sempre que o aux_contagem_pontos for igual a quantidade de jogadores
    o sistema zera o aux_contagem_pontos e coloca mais 1 no
    aux_contagem_pontos2
    se em contagem_pontos o resultado for [1,1] e tiver dois jogadores
    o programa vai começar a preencher novamente os campos, agora com
    [2,2] e depois [3,3] e assim sucessivamente
    """
    if aux_contagem_pontos == quant_jogadores:
        aux_contagem_pontos = 0

    """
    Serve para que a lista contagem de pontos sempre de como resultado
    [1,1] ou [2,2] ou [1,1,1] dependendo da quant. de jogadores
    """
    if aux_contagem_pontos2 == 0:
        contagem_pontos[aux_contagem_pontos] += 1
        aux_contagem_pontos += 1
        aux_contagem_pontos2 = 1
    else:
        aux_contagem_pontos += 1

    
     
    """ Verifica se as perguntas de determinado assunto terminou e também se todos os jogadores
        responderam a mesma quantidade de respostas antes do jogo terminar"""
    if aux_ciclo == False and len(aux_contagem_resp_jogadores) == quant_jogadores:
          aux_ciclo2 = False
    if n == quant_jogadores:
        aux_contagem_resp_jogadores.clear()
        aux_contagem_resp_jogadores = [1]
        n = 0        
    else:
        aux_contagem_resp_jogadores.append(1)

    """ Mostra o placar rodada por rodada"""
    if aux_ciclo == True or aux_ciclo2 == True:
        print("
O placar até o momento: ")
        for contar in range(quant_jogadores):
            print(lista_nomes[contar], "esta com %i pontos "%(contagem_pontos[contar]))
    time.sleep(2)
    

"""Mostra o placar final"""
print("
O placar final é: ")
for contar in range(quant_jogadores):
    print(lista_nomes[contar], "esta com %i pontos "%(contagem_pontos[contar]))

""""
Mostra se houve vencedor ou empate. Procura o maior valor na lista e procura se tem outro valor igual,
se não encontrar valor igual, declara o vencedor, se encontrar outro valor igual procura a posição e
mostra os jogares que empataram
"""
maior_numero = max(contagem_pontos)
qtd_vencedores = contagem_pontos.count(maior_numero)

if qtd_vencedores == 1:
    print("
O vencedor é o jogador:", 
          lista_nomes[contagem_pontos.index(maior_numero)])
else:
    print("
O jogo empatou!!! " 
          "Estes jogadores fizeram a mesma quantidade de pontos:",
          ", ".join([lista_nomes[i] for i in range(len(lista_nomes))
          if contagem_pontos[i] == maior_numero]))?