Pré-requisitos: Introdução ao tkinter , Introdução ao webbrowser

Neste artigo, aprenderemos como criar um conversor padrão usando tkinter . Agora vamos criar uma janela de introdução que exibe a barra de carregamento, o texto de boas-vindas e os links do perfil de mídia social do usuário para que quando ele / ela compartilhar seu código com outras pessoas, eles possam contatar o autor usando esses recursos. Parece um código um pouco longo, mas acreditem, galera, se vocês começarem a entender é tão fácil e dividi o código em blocos o que ajuda a entender melhor.

Passos para criar uma janela de introdução:

  • Em primeiro lugar, os módulos “Tkinter” e “webbrowser” a importar.
  • Crie uma classe de introdução que acione a janela de introdução.
  • Crie uma janela Tkinter de nível superior para usar todos os recursos de uma janela.
  • Coloque uma etiqueta de boas-vindas no topo da janela.
  • Crie um “ttk.Progressbar” que nos dá o efeito de carregamento.
  • Finalmente, crie quatro botões e forneça seus links de mídia social usando o módulo “webbrowser”.
  • E você tem que baixar / criar quatro imagens para representar seus links de mídia social.

Abaixo está a implementação da classe Intro:

from tkinter import *
import tkinter as tk 
from tkinter.ttk import Progressbar 
from time import sleep 
import webbrowser 
class intro(): 
    
    def __init__(self): 
      
        wind.deiconify()    
        wind.resizable(0,0) 
        
        wind.configure(bg="#008080")  
        
        wind.title("GeeksforGeeks Unit Converter") 
        
        icon=PhotoImage(file=r"convert.png")         
        wind.iconphoto(False,icon) 
        
      center(wind,500,230)  
        
      entry = Label(wind,bg="#008080",fg="white", 
                      text="Welcome to GeeksforGeeks Unit Converter!", 
                      font=("Footlight MT Light",15,"bold")) 
        entry.place(x=50,y=30,width=410,height=30) 
        self.load = Progressbar(wind,orient=HORIZONTAL, 
                                length=250, 
                                mode='indeterminate') 
        
      self.start=Button(wind,bg="#f5f5f5",fg="black", 
                          text="START",command=self.loading) 
        self.start.place(x=200,y=90, 
                         width=80,height=30)             
        follow = Label(wind,bg="#008080",fg="white", 
                       text="Follow Me On", 
                       font=("Helvetica",12,"bold")) 
        follow.place(x=186,y=150,width=104, 
                     height=20) 
      self.git=PhotoImage(file=r'gforg.png') 
        github=Button(wind,image=self.git,bg="white", 
                      relief=FLAT, 
                      command=lambda:self.links("xxxx"), 
                      cursor="hand2") 
        github.place(x=110,y=190,width=30, 
                     height=30) 
        self.instag=PhotoImage(file=r'ins.png') 
        insta=Button(wind,image=self.instag, 
                     bg="#008080",relief=FLAT, 
                     command=lambda:self.links("xxxx"), 
                     cursor="hand2") 
        insta.place(x=190,y=190,width=30, 
                    height=30) 
        self.fcb=PhotoImage(file=r'fb.png') 
        fb=Button(wind,image=self.fcb,bg="white", 
                  relief=FLAT, 
                  command=lambda:self.links("xxxxx"), 
                  cursor="hand2") 
        fb.place(x=270,y=190,width=30, 
                 height=30) 
        self.tweet=PhotoImage(file=r'twitter.png') 
        twitter=Button(wind,image=self.tweet, 
                       bg="white",relief=FLAT, 
                       command=lambda:self.links("xxxx"), 
                       cursor="hand2") 
        twitter.place(x=350,y=190, 
                      width=30,height=30) 
  
    
    def links(self,url):     
        webbrowser.get("C:/Program Files" + 
                       " (x86)/Google/Chrome/Application/chrome.exe" +
                       " %s --incognito").open(url) 
  
    
    def loading(self): 
      self.start.place(x=0,y=0,width=0, 
                         height=0)   
        self.load.place(x=120,y=100) 
      wind.update()         
    c=0
      while(c100): 
                shift("Length")

Passos para criar uma janela do conversor:



  • Crie uma classe separada para a janela do conversor.
  • Vamos dividir a janela em duas metades horizontalmente com combinação de cores adequada.
  • E agora precisamos criar duas caixas de entrada Tkinter, dois rótulos Tkinter, dois botões para ativar uma caixa de lista, um ícone de hambúrguer para o menu.
  • Coloque as coisas acima em suas respectivas posições usando o método .place de um widget Tkinter.
  • Agora precisamos alimentar as fórmulas de cada unidade, para converter em outras unidades, em dicionários separados.
  • Alimente os valores de entrada na função principal e passe-os durante a inicialização ou usando o método setter de uma classe
  • Precisamos criar a função shift usando a qual o usuário será capaz de mudar de um parâmetro para outro parâmetro.

Abaixo está a implementação da classe Converter:

from tkinter import *
import tkinter as tk 
from tkinter.ttk import Progressbar 
from time import sleep 
import webbrowser 
class converter(): 
    
    def __init__(self,unit): 
win.deiconify() 
        
        win.resizable(0,0) 
        win.title("Converter") 
        icon=PhotoImage(file=r'convert.png') 
        win.iconphoto(False,icon) 
      center(win,350,500) 
        
      
        self.unit=unit 
        upr=Label(win,bg="#add8e6", 
                  width=400,height=250) 
        upr.place(x=0,y=0) 
      lwr=Label(win,bg="#189AB4", 
                  width=400,height=250
                  ,bd=0) 
        lwr.place(x=0,y=250) 
      self.menu_lb=Listbox(win,selectmode=SINGLE, 
                             height=0,font=("Helvetica",10)) 
      
        self.menu_lb.bind('<>',self.option)   
        
        options=["","","Length","Temperature", 
                 "Speed","Time","Mass"] 
        for i in range(len(options)): 
            self.menu_lb.insert(i,options[i]) 
  
        self.pic=PhotoImage(file=r"menu.png") 
        self.menu=Button(win,image=self.pic,width=35, 
                         height=30,bg="#add8e6",bd=0, 
                         command=lambda:self.select('m')) 
        self.menu.place(x=0,y=0) 
        
        self.inp_stg=StringVar() 
        self.inp=Entry(win,bg="#add8e6",fg="white", 
                       font=("Helvetica",14), 
                       text=self.inp_stg,bd=1) 
        self.inp.place(x=120,y=100,width=116, 
                       height=40) 
        self.inp.bind('',self.operation) 
        self.inp.bind('',self.operation) 
        self.lb_menu=unit["lb"] 
        self.lb=Listbox(win,selectmode=SINGLE, 
                        height=0)             
        self.lb.bind('<>',self.option)  
        self.disp=Label(win,text=self.lb_menu[0], 
                        bg="white",fg="black") 
        self.disp.place(x=120,y=160,width=100, 
                        height=20) 
        self.down=PhotoImage(file=r"down.png") 
        scroll_upr=Button(win,image=self.down, 
                          width=14,height=18,bd=0, 
                          command=lambda:self.select(0)) 
        scroll_upr.place(x=220,y=160) 
        self.opt_stg=StringVar()     
        self.opt=Entry(win,bg="#189AB4",fg="black", 
                       font=("Helvetica",14), 
                       text=self.opt_stg,bd=1) 
        self.opt.place(x=120,y=350,width=116, 
                       height=40) 
        self.opt.bind('',self.operation) 
  
self.lb1=Listbox(win,selectmode=SINGLE, 
                         height=0) 
        self.lb1.bind('<>',self.option) 
        for i in range(len(self.lb_menu)): 
            self.lb1.insert(i,self.lb_menu[i]) 
            self.lb.insert(i,self.lb_menu[i])         
        self.disp1=Label(win,text=self.lb_menu[1], 
                         bg="#ffffff",fg="black") 
        self.disp1.place(x=120,y=410,width=100, 
                         height=20) 
        scroll_dwn=Button(win,image=self.down, 
                          width=14,height=18,bd=0, 
                          command=lambda:self.select(1), 
                          bg="#f5f5f5") 
        scroll_dwn.place(x=220,y=410) 
      
      
        self.form=StringVar()    
        self.formulae=Label(win,text="",bg="
                            fg="white", 
                            font=("Helvetica",10)) 
        self.formulae.place(x=50,y=450,width=250, 
                            height=25) 
      
        self.para=unit["para"]   
        self.para1=unit["para1"] 
  
    
    
    
    
    
    def set_unit(self,unit): 
        global exp_in,exp_out 
        
        exp_in=""    
        
        exp_out=""  
        
        self.inp_stg.set("")  
        
        self.opt_stg.set("")   
        
        self.unit=unit  
        
      self.lb_menu=unit["lb"] 
        
      self.lb.delete(0,END)    
        
      
        self.lb1.delete(0,END)   
self.lb.place(y=0,height=0) 
        self.lb1.place(y=250,height=0) 
      
        self.disp['text']=self.lb_menu[0] 
        self.disp1['text']=self.lb_menu[1] 
      
      self.para=unit["para"] 
        self.para1=unit["para1"] 
      for i in range(len(self.lb_menu)): 
            self.lb1.insert(END,self.lb_menu[i]) 
            self.lb.insert(i,self.lb_menu[i]) 
      
        self.formulae['text'] = "Formulae: "
                    + operator.replace("{}", 
                           "Unit") 
        center(wind,500,230) 
        win.update() 
  
    
    
    
    def operation(self,event):       
        global exp_in,operator,exp_out 
      self.inp_unit = self.disp['text'] 
        self.opt_unit = self.disp1['text'] 
    try: 
            widget = event.widget 
            if(widget == self.inp): 
                win.update() 
                          index = self.unit[self.opt_unit][-1] 
                operator = self.unit[self.inp_unit][index] 
                
                          if(event.char >= '0' and event.char <= '9'): 
                    exp_in = self.inp_stg.get() 
                                                              exp_out = str(eval(operator.format(exp_in))) 
                    self.opt_stg.set(exp_out) 
                        elif((event.char=='\b') or
                     (len(self.inp_stg.get())=='0'
                      and event.char<='9')): 
                    exp_out = self.opt_stg.get() 
                    exp_in = str(eval(operator.format(exp_out))) 
                    self.inp_stg.set(exp_in) 
                            elif(event.char == '\b' or 
                     (len(self.opt_stg.get())

Agora crie uma função principal e crie um conjunto de dicionários para alimentar os valores das fórmulas de unidade e chame a classe “intro()” para disparar o conversor. Aqui você pode ver seus links de contato, barra de carregamento, etc. Você também precisará criar uma função “central” se quiser que sua janela seja disparada no centro da tela.

Abaixo está a implementação do código completo:

from tkinter import *
import tkinter as tk 
from tkinter.ttk import Progressbar 
from time import sleep 
import webbrowser 
class intro(): 
    
    def __init__(self): 
      
        wind.deiconify()    
        wind.resizable(0,0) 
        
        wind.configure(bg="#008080")  
        
        wind.title("GeeksforGeeks Unit Converter") 
        
        icon=PhotoImage(file=r"convert.png")         
        wind.iconphoto(False,icon) 
        
      center(wind,500,230)  
        
      entry = Label(wind,bg="#008080",fg="white", 
                      text="Welcome to GeeksforGeeks Unit Converter!", 
                      font=("Footlight MT Light",15,"bold")) 
        entry.place(x=50,y=30,width=410,height=30) 
        self.load = Progressbar(wind,orient=HORIZONTAL, 
                                length=250, 
                                mode='indeterminate') 
        
      self.start=Button(wind,bg="#f5f5f5",fg="black", 
                          text="START",command=self.loading) 
        self.start.place(x=200,y=90, 
                         width=80,height=30)             
        follow = Label(wind,bg="#008080",fg="white", 
                       text="Follow Me On", 
                       font=("Helvetica",12,"bold")) 
        follow.place(x=186,y=150,width=104, 
                     height=20) 
      self.git=PhotoImage(file=r'gforg.png') 
        github=Button(wind,image=self.git,bg="white", 
                      relief=FLAT, 
                      command=lambda:self.links("xxxx"), 
                      cursor="hand2") 
        github.place(x=110,y=190,width=30, 
                     height=30) 
        self.instag=PhotoImage(file=r'ins.png') 
        insta=Button(wind,image=self.instag, 
                     bg="#008080",relief=FLAT, 
                     command=lambda:self.links("xxxx"), 
                     cursor="hand2") 
        insta.place(x=190,y=190,width=30, 
                    height=30) 
        self.fcb=PhotoImage(file=r'fb.png') 
        fb=Button(wind,image=self.fcb,bg="white", 
                  relief=FLAT, 
                  command=lambda:self.links("xxxxx"), 
                  cursor="hand2") 
        fb.place(x=270,y=190,width=30, 
                 height=30) 
        self.tweet=PhotoImage(file=r'twitter.png') 
        twitter=Button(wind,image=self.tweet, 
                       bg="white",relief=FLAT, 
                       command=lambda:self.links("xxxx"), 
                       cursor="hand2") 
        twitter.place(x=350,y=190, 
                      width=30,height=30) 
  
    
    def links(self,url):     
        webbrowser.get("C:/Program Files" + 
                       " (x86)/Google/Chrome/Application/chrome.exe" +
                       " %s --incognito").open(url) 
  
    
    def loading(self): 
      self.start.place(x=0,y=0,width=0, 
                         height=0)   
        self.load.place(x=120,y=100) 
      wind.update()         
    c=0
      while(c100): 
                shift("Length") 
              
class converter(): 
    
    def __init__(self,unit): 
win.deiconify() 
        
        win.resizable(0,0) 
        win.title("Converter") 
        icon=PhotoImage(file=r'convert.png') 
        win.iconphoto(False,icon) 
      center(win,350,500) 
        
      
        self.unit=unit 
        upr=Label(win,bg="#add8e6", 
                  width=400,height=250) 
        upr.place(x=0,y=0) 
      lwr=Label(win,bg="#189AB4", 
                  width=400,height=250
                  ,bd=0) 
        lwr.place(x=0,y=250) 
      self.menu_lb=Listbox(win,selectmode=SINGLE, 
                             height=0,font=("Helvetica",10)) 
      
        self.menu_lb.bind('<>',self.option)   
        
        options=["","","Length","Temperature", 
                 "Speed","Time","Mass"] 
        for i in range(len(options)): 
            self.menu_lb.insert(i,options[i]) 
  
        self.pic=PhotoImage(file=r"menu.png") 
        self.menu=Button(win,image=self.pic,width=35, 
                         height=30,bg="#add8e6",bd=0, 
                         command=lambda:self.select('m')) 
        self.menu.place(x=0,y=0) 
        
        self.inp_stg=StringVar() 
        self.inp=Entry(win,bg="#add8e6",fg="white", 
                       font=("Helvetica",14), 
                       text=self.inp_stg,bd=1) 
        self.inp.place(x=120,y=100,width=116, 
                       height=40) 
        self.inp.bind('',self.operation) 
        self.inp.bind('',self.operation) 
        self.lb_menu=unit["lb"] 
        self.lb=Listbox(win,selectmode=SINGLE, 
                        height=0)             
        self.lb.bind('<>',self.option)  
        self.disp=Label(win,text=self.lb_menu[0], 
                        bg="white",fg="black") 
        self.disp.place(x=120,y=160,width=100, 
                        height=20) 
        self.down=PhotoImage(file=r"down.png") 
        scroll_upr=Button(win,image=self.down, 
                          width=14,height=18,bd=0, 
                          command=lambda:self.select(0)) 
        scroll_upr.place(x=220,y=160) 
        self.opt_stg=StringVar()     
        self.opt=Entry(win,bg="#189AB4",fg="black", 
                       font=("Helvetica",14), 
                       text=self.opt_stg,bd=1) 
        self.opt.place(x=120,y=350,width=116, 
                       height=40) 
        self.opt.bind('',self.operation) 
  
self.lb1=Listbox(win,selectmode=SINGLE, 
                         height=0) 
        self.lb1.bind('<>',self.option) 
        for i in range(len(self.lb_menu)): 
            self.lb1.insert(i,self.lb_menu[i]) 
            self.lb.insert(i,self.lb_menu[i])         
        self.disp1=Label(win,text=self.lb_menu[1], 
                         bg="#ffffff",fg="black") 
        self.disp1.place(x=120,y=410,width=100, 
                         height=20) 
        scroll_dwn=Button(win,image=self.down, 
                          width=14,height=18,bd=0, 
                          command=lambda:self.select(1), 
                          bg="#f5f5f5") 
        scroll_dwn.place(x=220,y=410) 
      
      
        self.form=StringVar()    
        self.formulae=Label(win,text="",bg="
                            fg="white", 
                            font=("Helvetica",10)) 
        self.formulae.place(x=50,y=450,width=250, 
                            height=25) 
      
        self.para=unit["para"]   
        self.para1=unit["para1"] 
  
    
    
    
    
    
    def set_unit(self,unit): 
        global exp_in,exp_out 
        
        exp_in=""    
        
        exp_out=""  
        
        self.inp_stg.set("")  
        
        self.opt_stg.set("")   
        
        self.unit=unit  
        
      self.lb_menu=unit["lb"] 
        
      self.lb.delete(0,END)    
        
      
        self.lb1.delete(0,END)   
self.lb.place(y=0,height=0) 
        self.lb1.place(y=250,height=0) 
      
        self.disp['text']=self.lb_menu[0] 
        self.disp1['text']=self.lb_menu[1] 
      
      self.para=unit["para"] 
        self.para1=unit["para1"] 
      for i in range(len(self.lb_menu)): 
            self.lb1.insert(END,self.lb_menu[i]) 
            self.lb.insert(i,self.lb_menu[i]) 
      
        self.formulae['text'] = "Formulae: "
                    + operator.replace("{}", 
                           "Unit") 
        center(wind,500,230) 
        win.update() 
  
    
    
    
    def operation(self,event):       
        global exp_in,operator,exp_out 
      self.inp_unit = self.disp['text'] 
        self.opt_unit = self.disp1['text'] 
    try: 
            widget = event.widget 
            if(widget == self.inp): 
                win.update() 
                          index = self.unit[self.opt_unit][-1] 
                operator = self.unit[self.inp_unit][index] 
                
                          if(event.char >= '0' and event.char <= '9'): 
                    exp_in = self.inp_stg.get() 
                                                              exp_out = str(eval(operator.format(exp_in))) 
                    self.opt_stg.set(exp_out) 
                        elif((event.char=='\b') or
                     (len(self.inp_stg.get())=='0'
                      and event.char<='9')): 
                    exp_out = self.opt_stg.get() 
                    exp_in = str(eval(operator.format(exp_out))) 
                    self.inp_stg.set(exp_in) 
                            elif(event.char == '\b' or 
                     (len(self.opt_stg.get())

Resultado:

Pontos importantes:

  • Você precisa instalar as bibliotecas “ tkinter ” e “ webbrowser ”.
  • A criação de uma janela de introdução é sua escolha (não é obrigatório). Mas eu sugiro que você crie esse também.
  • Você precisa criar janelas de nível superior porque não podemos destruir uma janela principal, pois isso pode corromper todo o nosso projeto.
  • Você não precisa instalar vários IDE, ele funciona perfeitamente bem no python IDLE.