PyQt5: O framework Python GUI

1. Bem-vindo a este curso!: Olá, pessoal. Meu nome é Alex e bem-vindo a este tutorial do PKD five Atualmente, sou engenheiro de software empregado fluente em várias linguagens de programação, incluindo Python e este PkdFiveFramework , e fiz e fluente em várias linguagens de programação, incluindo Python e este PkdFiveFramework , e fiz vários projetos nesse ambiente real. Neste tutorial, mostrarei como aprender e também tirar o máximo proveito do PCT cinco. Essa classe foi criada para qualquer programador que esteja curioso sobre como ele pode melhorar sua interface gráfica de usuário em Python , e nenhuma experiência prévia , e nenhuma experiência prévia é necessária para que você possa fazer Se você está se perguntando o que é o PICT five, é isso que permite usar a estrutura QT GUI do Python Portanto, o próprio QT é escrito em C plus plus. Ao usá-lo a partir do Python, você pode criar aplicativos muito mais rapidamente sem sacrificar grande parte da velocidade do C plus Pi QT five se refere à versão mais recente que é cinco do QT do Python Você ainda pode encontrar uma menção ocasional de i na web, mas ela não é mais suportada na versão quatro Agora, um novo concorrente interessante do PCT é o QT for Python, e o TPA Sobre este curso, este projeto, a aula do projeto seria recriar uma nova interface de usuário que anexarei com uma foto usando Python e Pi QT five , e todas essas noções serão ensinadas Ele terá alguns widgets e terá uma aparência muito intuitiva para um novo usuário Se tudo isso parece interessante para vocês, espero ver vocês em nossa primeira palestra. 2. Como instalar o PyQt5?: Para este primeiro tutorial, eu só vou mostrar rapidamente como você pode configurar e instalar a célula Piketty cinco em sua máquina local. Então, primeiro de tudo, você precisa, como pré-requisitos para tê-lo instalado, o Python e o bipe. Então você pode, se você estiver no Windows, abrir seu aplicativo CMD e apenas escrever Python. E se você tem Python instalado, ele deve ler direcioná-lo para o prompt de comando Python onde você pode escrever coisas como dois mais dois mais dois n. Coma a vontade, é claro, compilá-lo para você. Mas se você não vê por despensa que nove vezes qualquer versão que você pode ter em sua máquina quando você escrever pipeline. E em vez da morte, você vê que Python não é um programa. Dante reconhece-os máquina decente. Bem, então significa que você tem que primeiro instalar Python, e depois, claro, bip. Mas B torna-se instalado junto com Python se você seguir o procedimento que morre, eu estou prestes a mencionar. Então, primeiro de tudo, vai sair do script Python e segundo padrão, uma vez que você quer fazer algumas coisas que você fez para tê-lo instalado no honrar aqueles 10. Este prompt cmd, ele será aberto automaticamente para você e página da Microsoft Store, onde você pode baixar para Python 3.9, que é a versão mais recente gratuitamente, é claro, e ele irá instalar automaticamente os dois a partir daí. Portanto, se você for para a Microsoft Store, ele irá ler automaticamente o direito de você para esta página aqui. E você pode instalá-lo a partir daqui e nós automaticamente, como eu disse, também instalar Python, também instalar pip e também adicionar ao caminho, o comando Python. Para o Tibete significa que, basicamente, ao instalar Python, entre a posição i no banho padrão que está em seus dados de aplicativo, o binário para o seu Python. Então Python dot EXE, que é um executável. E mapearemos esse executável para o seu CMD. Então saberíamos estipulando além de como estes, executar esse executável da dívida. E basicamente apenas tentar e célula de código Python. Junto com a instalação dessas dívidas de código de bytes, vamos conscientemente fazer o 31 para fazer qualquer codificação, a GUI, que é chamado bucket os cinco. Nós também vamos precisar instalar bip porque vamos instalar Piketty 5. Ok, e como eu mencionei, bip já deve estar instalado neste ponto se você instalou Python do Windows, mas se ele não estiver, você pode simplesmente instalá-lo a partir do CMB ds. Bem, então uma vez que você tem instalado, quando você deve, quando você escreve, você deve ter algo assim. Então, um monte de dados e comentários em opções gerais que vão além disso mostrar como você pode usar o comando zip. Mas para instalar o Packet D35, eu vou, primeiro lugar, instalado pelo Qc D5. Como este. Pode então apertar Enter é que eu não tinha isso. Eu não instalei o ti vai instalar a conta por máquina enquanto falamos. Então você pode tomar estes como referência. Então você pode ver em sua máquina que parece exatamente o mesmo que este. Também me dá um aviso para que eles não têm a versão mais recente que faz esse mentor de negociação, porque antes disso diz instalado com sucesso pela 25. E a não dívida. Você também pode ir confiar bicicleta você D5. Estas são algumas outras coisas fluem do fato Piketty que vamos precisar ao criar cores, GUIs bastante simples. E, claro, vamos precisar deles. S vai vendê-los. Agora que tudo está instalado. Estamos prontos para matar juros. Escrevendo cremes de bypass, código B2, D5. Se o re-importá-los, é claro, F3 importar o pacote. Gostaríamos que escolhesse cinco. Praticamente para onde estou correndo. Código Python. Podemos ler “deve ter”. Aqui você já está no par de GUIs são favoráveis para nós. Interino. Sim. Isto é estúpido. Eu criei arte, por assim dizer. Na próxima palestra, eu vou mostrar rapidamente como você pode fazer ir sua primeira GUI que é muito simples e muito intuitiva. Então, obrigado a vocês por seguirem este tutorial de configuração até o fim e ansiosos para ver vocês no próximo. 3. Olá!: Olá pessoal e bem-vindos de volta ao espigão. Se o 5 tutorial. Resumindo esta palestra, eu vou mostrar muito rapidamente como você pode escrever o código Python para sua primeira GUI Python que você mesmo escreveu. Então o que eu fiz aqui foi basicamente, eu abri pelo editor oficial de código de estúdio que você pode baixar do Google. E, claro, acabou de abrir uma nova janela de segurança tundra GUI que compra para que o sistema saiba que é um script Python. E então eu começo importando a GUI QT e manter os módulos widgets. Desenhe por pacote D5 bonito que eu só mostrei como instalar na última palestra. E depois de a dívida importar essa idéia da linha 21 para quatro, como você pode ver a tela antes de você, eu declaro a função que eu chamei janela. E o que esta função faz, ele primeiro cria um objeto de aplicação da classe de aplicação Q e dá-lhe os parâmetros seeds.rb, EC50, e o DCS basicamente ser aplicação. Vai ser mostrado aos mortos. Eu declarei um objeto widget que cria uma janela de nível superior, um peitoril. Como você pode ver, este é o caso da janela KE Omega, que eu declarei como uma variável. E eu também adicionei um rótulo de fila. Pode ser que você defina o texto para estes, ser rotulado para ser Olá mundo. E eu movi da esquerda mais, o canto para 50 e 20 pixels. E depois, é claro, também definir o título da janela destes aplicação para bicicleta o cinco. Então, como aqui, seria este. Bem hm, o título seria GUI dot py Visual Studio Code na minha aplicação será pacote os cinco no canto superior esquerdo, como veremos em alguns minutos para executar, Eu iria executar esse aplicativo. E então você define alguma geometria para esta janela. O que essas coordenadas realmente fazem, as duas primeiras cartas nele do canto mais esquerdo. Então ele vai instanciar os 500 pixels para baixo em 500 pixels para a esquerda. E depois os próximos dois. É o tamanho da janela, então vai ter 200 pixels de largura e 200 pixels de altura. E sim, depois de tudo isso, então depois de criar a janela e examiná-la amarra em uma posição declarando seu título, e também declarando o rótulo dentro dela que nós declaramos também, ele está posicionado e ele Limpeza fixa. Não vamos chamar a função show nesta janela que acabamos de declarar. E então vamos executar com a função app.use. E depois de todo esse método ser escrito, você também precisa chamar o ruído do tema. Portanto, você estava GUI para abrir ao executar essa célula de código. Bem, executá-lo, é basicamente apenas morreu atualmente fazendo qualquer outro script Python. Então não podemos ir a um terminal. E então C, D, dois que, que você foi raspado. Meu caso, Desktop. E então você pode dizer python. E então o nome do seu script, que é GUI dot py. E ao clicar em Enter, você pode ver que funcionou. Vender na minha aplicação calcanhar precisa 55 tratamento de pixels para baixo em 500 pixels para a direita. O título do pedido é de Kupiec cinco. E também temos a carne magra de trabalho que tem o texto Hello World nele. E como você pode ver, temos nossa primeira GUI escrita em Python, largura e não tanto esforço. Você também pode redimensioná-lo, torná-lo grande, pequeno, grande para a barra de tarefas e também, claro, fechá-lo. E ao fechá-lo, ele interromperá automaticamente o aplicativo de escrever. Então eu penso sobre isso para o nosso primeiro tutorial básico no suporte 25 e sua primeira GUI. Então agora, você pode ter uma boa IPO e como isso funciona. Então, no básico e como instalar o 10º. Só para escrever sua primeira GUI. Agora, na próxima palestra é que vamos entrar em mais profundidade em alguns recursos específicos que estes volta cada um dos códigos de estrutura GUI por 25 tem para você celular até o final deste curso você vai p igual a, bem, certo? Você é muito própria GUIs úteis que você pode usar para seu aplicativo do Windows e o script que contém a GUI I0 de plataforma cruzada. Então você pode usá-los no Android ou Microsoft ou coisas assim. Obrigado pessoal por seguir este tutorial, e eu vou vê-lo próximo. 4. Visão geral do Qt Designer: Olá pessoal e bem-vindos de volta à Palestra 1 pi para 35. O framework Python que permite fazer interfaces gráficas de usuário com relativa facilidade. Nesta palestra, vamos discutir um pouco sobre o envio QT lá. Primeiro de tudo, eu vou começar com o banho onde você pode encontrar esses QT designer. Então, no meu caso na minha máquina Windows, não manter o sinal de paz ou ponto EXE. Nice descobriu que este banho, que é os usuários, em seguida, AppData Pacotes locais por Deus Software Foundation para 0.9. E depois os pacotes de álcool, pacotes sites BIPAP 39, 25 aplicações. E, em seguida, célula B, é claro, o banho ou pode ser do bit superior mais complexo. E é por isso que eu aconselho você a apenas ir para o seu drive C e, em seguida, apenas tentar na caixa de pesquisa. E ele vai finalmente encontrá-lo se você instalou D35 com o pip install do seu CMT, como eu mostrei a você em uma palestra anterior. Então vamos esperar um momento aqui para mostrar que há menos sono. A ferramenta de pesquisa do Windows, ele vai encontrar estes UTP signatário executável mais cedo ou mais tarde. E você pode simplesmente clicar com o botão direito do mouse sobre ele e criar um atalho que você pode posicionar na área de trabalho. E, claro, críquete de lá. Então você não terá Q e 30s login complexo Beth, cada termo que você quer abrir o designer. Enquanto isso, onde isso é certo para executável. Eu vou falar um pouco sobre o expedidor e eles estão olhando para fazer. Então, cada linha, É basicamente como você pode ver. Para fazer o gráfico, você diz que há uma frase que você está construindo com balde os cinco, ver uma bola. E o mais intuitivo para a mesa do usuário desenvolvendo isso para uma interface gráfica do usuário. Então, basicamente, parece muito mais com parques eólicos. Se você nunca trabalhou entre acordes antes. É praticamente um método de interface gráfica de usuário de fazer coisas que parecem não ter Visual Studio. E é feito com C-Sharp. Então isso é muito parecido com o signatário do formulário lá. Então, basicamente, você cria um formulário aqui e você pode atribuir a ele um monte de pessoal. E a melhor parte é, obviamente, mas você pode ver o que você está designado para ler até que você possa posicionar cada item exatamente onde você quer que ele esteja. E, claro, é muito mais fácil usar o peso, então se você tivesse feito essa história na última palestra onde posicionamos todos os elementos do casaco e a largura pixels e coisas assim. Então você pode ver que o terceiro encontrou meu EXE aqui, você pode clicar com o botão direito do mouse sobre essa dívida, clique em Abrir localização do arquivo. E, em seguida, é claro, criar carga aqui e, em seguida, copiá-lo em sua área de trabalho. Então eu acho que isso é bem simples lá. Mas uma vez aberto E portão, ele se abre. O senhor, como pode ver, está falando com várias partes. Então, primeiro de tudo, temos que encontrar onde o modo de exibição de formulário, configurações, janela de ajuda tipo de menu que está disponível ali mesmo. Aqui temos, é claro, a possibilidade de escolher alguns templates e temos o diálogo com botões, isso é OK e Cancelar embutido. E então você pode inserir um monte de coisas na parte superior dele. Podemos ter esses botões para derivar sem botões, sabemos e o gotejamento de peso. E é claro que aqui temos jatos. Então eu já criei o placar. Isso é um tipo de botões rápidos no tipo inferior de forma. Acabei de clicar em Criar e abrir este. Você pode salvar isso. Claro que sim. Comprei esta dívida. Ao sinal. Vamos falar sobre sinais e nenhuma futura palestra. Podemos adicioná-lo pelas ordens passo e que podemos, claro, também ajustar o tamanho do nosso formulário. Podemos mover todas as coisas e é por isso que está preso lá para você usar o designer Qt. Como você pode ver o que você está movendo. Você não pode ter mais controle visual de como sua forma Ele vai ter uma vez que você compilá-la. Então aqui na caixa de widget, É uma parte muito importante porque temos algum layout que você pode, naturalmente, editá-los, mas eles não vão fazer isso agora. Temos os espaçadores, depois os botões, temos botões de pressão, botões de ferramentas, botões de rádio. Então, vamos apertar o botão, É basicamente como v sub k ou castelo. Mas o botão Tool, é algo que abre algo. Agora botão de rádio na caixa de seleção, eu acho que você sabe o que a arte da arte acima. Respirando muita coisa que você pode selecionar. O botão de opção pode ser selecionado. Só um. Oh, alguns. A caixa de seleção, não é o caso da caixa de seleção. Então temos, é claro, os widgets que traçamos, menos widgets três, semana dois, e assim por diante. Não vou adicionar estes agora. Temos entrada de contêineres, obtemos entrada do usuário que está usando o formulário. Então temos algumas datas, uma caixa de combinação, fonte, caixa combinação, uma faixa na edição de texto da EPA. Então é isso que eles acham que você pode adicionar texto para Amy. E nós tínhamos alguns widgets de exibição. Nós barras de progresso, widgets OpenGL e coisas como a morte. Agora, ao abrir esses itens, você pode ver na parte direita da tela, em primeiro lugar, temos pelo menos três deles aqui no objeto ser inspecionados e você não pode, é claro, filtrado domínio pesquisar seu nome lá. E, claro, e também temos o editor de propriedades que nos mostram, mostra-nos sobre a informação sobre esse objeto. Então, por exemplo, se clicarmos nesta caixa de seleção, que nos mostra a geometria ainda é baixa. Os valores entre parênteses estão onde estão a pulsação? Onde quer que o def para o canto superior esquerdo, então temos o tamanho máximo, tamanho mínimo. Claro, o cursor que queremos ser quando a conferência estiver sobre esses controles e outras coisas. Se você quiser ser, para que ele seja verificado por padrão. E todas as outras coisas boas que parecem intuitivamente. Mas é claro, depois de algum tempo de lidar com este QP ao lado de Nova York indo para pré-K pergunta. Note que de cor, mas apenas para dar-lhe uma ampla apresentação do DOM, que você saiba o que está acontecendo com. Você também pode, naturalmente, verificar a fonte, o tamanho do ponto, então o tamanho da fonte e coisas assim. Claro que você pode ir tem que convencer que você pode ver calor para mudar a fonte em tempo real. Então é isso que eu quero dizer quando eu digo, você pode ter uma representação visual muito melhor da sua forma, pode dar-lhe um copo formado, mas então você teria que esperar esse espaço. Em seguida, o cursor que você pode, você pode querer 0,5 terço cursor enquanto metade ler sobre esta caixa de seleção agora. Bem, ele não replica isso, mas você verá que a interface do usuário da web, doutor, você vai ver que é claro, nós temos o navegador de recursos aqui. Ainda não temos recursos. Vemos editor ranhura Eddie 33, escolha navegador fonte. Você não pode selecionar a partir do menu definido ali. Como eu disse, vou abordar sinais e a ação parece melhor. Palestra. Mas o que eu quero fazer agora é mostrar-lhe como você pode compilá-lo. Este formulário UI de Python, que é um processo bastante simples. É algo que você pode querer saber como fazer. Então, primeiro de tudo, vamos salvá-lo como e em seguida, unir UI sem título inteiro vai salvá-lo, não parar. Clique em, Salvar. E agora o Q peak designer foi em frente e documentou cinco desktop. Então, agora ele está lá, que vai querer fazer estes abrir o seu CMP up. E, em seguida, mude os diretórios para voltar onde você salvou esse arquivo em meus casos, a área de trabalho. E então você vai querer basicamente transformar esses arquivos UI que acabamos de salvar em campanhas de desktop e lead, esse diálogo que você vê no QP ser signatário de um arquivo Python para que possamos compilar o. Então, como vamos fazer isso é embrulhando neste documento AMP B Five X. E então vamos escrever o nome desse arquivo UI. Interface escura, depois traço e, em seguida, o nome dos pythons, manter bom, 31 para gênero. Então, no meu caso, eu quero gerar o arquivo Python demo dot py. Então agora, se formos para desktop, você vai ver que o arquivo demo dot py é criado. Talvez se esperamos nos encontrar, você pode ver que o pico ou falta de coisas aqui que vão nos ajudar a entender o mercado, os cinco em mais detalhes mais tarde. Mas, por enquanto, não vamos querer ver a morte demo por realmente corresponde à interface que fizemos classificação aqui. Então, como nós faríamos isso é basicamente como executar qualquer outro script Python. Nós só escreveríamos iPod. E então o nome de discreto, já que já estamos no script Python kiddies. Então nós não vamos escrever o Python e não demo dot py. E como você pode ver aqui, UI que nós implementá-lo, certo? Então aqui você pode escrever algum texto. Aqui nós temos botões que devem abrir adures, mas obviamente eles não fazê-lo não sendo, como eu disse aqui quando pairando a caixa de seleção, nosso setor de energia e dois em frente. E é claro que temos que cancelar isso. Não fique com isso, na verdade. Como você pode ver aqui, ter sinais mapear para eles para aceitar ou rejeitar o fim. É por isso que quando eu clico em cancelar, o diálogo realmente fechou. Então, esta foi uma visão geral bastante básica da estrutura aguda D5 GUI Python. E o, nas próximas palestras vão trazer algumas coisas em mais detalhes. Sinais de luz e ações voltadas para alguns outros controles e como você pode escrever seu formulário também formam o código que realmente mapeia algumas ações. Faça as elites e as caixas de texto ou caixas de seleção que você sente na interface do usuário. Então, obrigado a vocês por ficar comigo através deste tutorial e eu realmente estou ansioso para vê-lo no próximo ponto. 5. Gestão de layout: Olá pessoal e bem-vindo de volta a este backup UP 50 tutorial. Nesta palestra, vamos discutir o gerenciamento de layout quando se trata da interface gráfica do usuário Python que é desenvolvido usando o framework Piketty five. Assim, um widget GUI pode ser colocado dentro da janela do contêiner especificando suas coordenadas absolutas medidas em pixels. As coordenadas são relativas às dimensões da janela definidas pelo método de geometria definida. Nós já discutimos isso um pouco nas palestras anteriores, onde eu lhe disse como esses números funcionam e que eles são relativos ao AP mais à esquerda de sua tela. Assim, o método de geometria set tem a sintaxe do widget que você deseja definir a geometria para. Em seguida, esse conjunto geometria, e, em seguida, leva quatro parâmetros. Os dois primeiros são quantos pixels? Primeiro de tudo, você quer no eixo x do canto mais esquerdo. E o segundo parâmetro é quantos pixels você deseja do último trimestre. Em seguida, a próxima palavra, a largura e o widget octeto de altura que você deseja dar-lhe. Então, no código a seguir que você vê na tela agora, você pode ver que a janela de nível superior é uma janela de 300 pixels por 200 pixels. Você pode ver isso na linha 13. E é exibido na posição 100 por 100 em seu monitor. Então, se pudéssemos executar isso agora, você seria capaz de ver que ele é um 100 pixels da esquerda, 100 pixels para a direita. E então é 300 por 200 ou mais. Isto é o que o método de geometria faz. Agora, o widget botão de pressão é adicionado na janela. Como você pode ver, eu fiz este sendo um widget e ele está posicionado em 50 pixels em direção à parte direita da janela e 20 pixels abaixo da posição superior esquerda da janela. Então isso é feito com o método de movimento é que você pode ver na tela também. E uma nota aqui seria que este posicionamento absoluto, no entanto, não é adequado ou por causa das seguintes razões. Então, antes de tudo, a posição do widget não muda. Mesmo se fazendo isso com redimensionado, com este posicionamento absoluto, então a aparência pode não ser uniforme em um display diferente e diferentes resoluções. E também a modificação no layout é difícil, pois pode precisar redesenhar todo o formulário. Portanto, este posicionamento absoluto não é realmente tão grande porque não envolve nenhuma capacidade de resposta a ele. Agora, a API Piketty fornece base de layout para gerenciamento mais elegante para ajudar o posicionamento de widgets dentro deste contêiner. As vantagens de seus gerentes sobre posicionamento absoluto são que os widgets dentro da janela são redimensionados automaticamente, assim por diante. E você pode fazer um paralelo a qualquer aplicativo web é responsivo quando você redimensionar a janela do Chrome, por exemplo, em eu não sei, aplicativo responsivo, você pode ver que as alterações são feitas e você ainda pode acessar todo o conteúdo que teria o Xist se o navegador Chrome estivesse em tela cheia. Ele também garante aparência uniforme em dispositivos de exibição com diferentes resoluções para adicionar Grinch movendo-se bem, que é dinamicamente possível sem ter que redesenhar. Então, há um monte de, como você pode ver, as entidades também, as classes de layout que vamos discutir aqui. Agora, antes de eu saltar para algumas dessas classes, Eu também quero mostrar-lhe no designer QT fez na caixa widget. No lado esquerdo da tela. Você tem essa caixa de widget para jogar fora e você pode selecionar esses layouts a partir daqui. Se tivéssemos janela, acabamos aqui. Então esta é a parte que lida com que, se você quiser que sua GUI seja, em primeiro lugar, projetada a partir desse design ou não, eles realmente ir dinamicamente fundo de um script Python diretamente. Agora, pelo menos a classe é alcançada. Podemos discutir que não estão relacionados a este gerenciamento de layout são o layout de caixa de fila, o layout de leitura qg tendem a formar layout. Agora, o layout da caixa de cubo alinha os widgets verticalmente e horizontalmente. O layout da grade da fila apresenta uma leitura de células dispostas em linhas e colunas é que você pode ver aqui, este é o terceiro. E o também, o layout do formulário é, você pode ver Último aqui. E basicamente essas bases são atendidas esses layouts bem aqui. Então você pode revestir dinamicamente, mas declarando-os a partir de seu script Python ou usar as demissões que você vê aqui. Assim, o q de layout é uma maneira conveniente para criar dois formulário de coluna onde cada linha consiste de um campo de entrada associado com o rótulo. Assim, como uma convenção que a coluna esquerda contém rótulo e a coluna direita contém a célula de campo de entrada. Bem, basicamente, este é o caso em que você faria login em um site e você pode ver que rótulo é o primeiro nome para isso. E então você tem uma entrada dois caixa de texto onde você pode escrever seu nome. Portanto, este gerenciamento de layout pode ser muito útil se você quiser que sua GUI desenvolvida em D5 seja mais responsiva e mais Nate e também tenha uma estética mais profissional de duas semanas. Agora, em um nível mais concreto, eu tenho três scripts Python bem aqui que podemos olhar e ver um pouco sobre como esse gerenciamento de layout funciona. Então eles são bastante básicos no sentido de que eu apenas coloquei todo o script na função principal e morri, declarou todas essas coisas aqui. Então, primeiro de tudo, eu declarei nossa aplicação, essa aplicação segura, e então eu tenho um widget. E então eu tenho três botões que datam o parâmetro, seu nome. E agora a caixa, que é layout em caixa. E esta é a parte que realmente é interessante para nós. Então nós declaramos layout da caixa QH, que iss vai tomar o perímetro da janela. E ele vai criar um objeto que vai ser chamado de caixa H nestes, nesta caixa H, Esse é o layout. Tem um layout de caixa. Estamos adicionando o widget que temos. Na linguagem de programação Python. Sabemos a partir deste parâmetro aqui que esse layout estará em nossa janela. E ele vai então nos mostrar a janela e então ele vai sair do aplicativo. E agora, vamos executá-lo em Python e ver como ele fica. Então, como você pode ver, o layout da caixa basicamente coloca os botões ao lado um do outro. Claro, eles poderiam ser colocados em uma posição vertical também. Então este é o layout da caixa QH. Em seguida, vamos passar para o layout da grade de creep. Então, novamente, eu declarei tudo na aplicação principal. Então temos a aplicação Q que não leva parâmetros. Então temos um widget, que é o assunto W aqui mesmo que é um objeto da chave de classe WeChat. E, em seguida, a ganância que novamente é instanciada como um objeto de classe de layout que leva o perímetro da janela. E então eu tenho que forçar bem aqui. E para cada iteração, o layout vai adicionar o widget se botão q, e que você sabe, os dois parâmetros aqui. E, em seguida, a janela vai ser mostrada, e, em seguida, o aplicativo XY, bom. Tente. Agora, se executarmos isso a partir do script Python, você pode ver que o layout da grade está mostrando esses botões em forma de saudação. Então eu e j é bem aqui usado para especificar as coordenadas do bot, então. Então, como você pode imaginar, ele tem este vai ter as coordenadas 0, 0, 0, 1, 0, 2, 1, 0, 11, 12, e então 200, 21 e 22. Então dívidas, o que este INJ faz aqui no Adicionar Widget do layout grego. São parâmetros que especificam a posição dos botões. E por último, vamos olhar para outra coisa de design bem aqui. Não tem nada a ver com o layout. Quero dizer, nós fizemos um layout de grade também aqui. Mas este é mais sobre os temas centrais Calder que você pode aplicar à sua interface gráfica de usuário quando você desenvolvê-lo por q p, porque isso também é importante ter sua interface gráfica de usuário que pareça além de como funciona e como funcional. E fácil de usar. E para que seu usuário tenha uma boa experiência de usuário. Fazer. Então. Aqui novamente, temos a nossa aplicação Q e vamos definir o material para ele. Há fusão. E então vamos declarar uma paleta de fila, que vamos mais tarde para definir a largura da nossa aplicação é este kubelet. E neste cinto vamos definir algumas cores. Em primeiro lugar, o botão dos textos deve ser preto. Então a janela deve ser preta. fundo da janela deve ser preto, e então o botão Becker e Dr. deve ser ótimo. Então nós especificamos os estudiosos como você pode ver como uma gracinha e, em seguida, o nome da cor predefinida. Então nós fazemos um sombreador, alcançá-lo, que será w, que será, que vai ser a nossa janela. É declarado como subu WeChat. Então vamos declarar o QC que layout desta janela como parâmetros. E esses layout de grade, vamos adicionar quatro botões. Nós também vamos especificar básico pode ver codificado duro, desta vez suas coordenadas no layout da grade, e também mantê-los seus textos de tarefa correspondentes como para onde eles são colocados em nossa janela. Nós estamos indo para a próxima mostrar esta janela e, em seguida, sair do aplicativo além disso. Então agora, se executarmos isso a partir de Python, você pode ver que o estilo pode fazer uma enorme diferença em como nosso, como nosso aplicativo vai parecer no final. Então você pode ver que o fundo aqui vai ser preto. Eu especifiquei na linha 12. O fundo dos botões vai ser louco especificado na linha 13. E também o texto do botão é preto é especificado na linha 11. Então, tudo isso é feito como você viu usando o vidro Padlet fornecer comer de bicicleta em D5. Então, novamente, o layout de grade QC também nos ajuda a ter um mais, mas para chegar lá olhar em nossa forma. Então, obrigado a vocês por seguir este tutorial. Eu realmente aprecio o seu tempo e espero que você aprenda a pensar sobre a mordida você D5 quadro GUI. Isso é basicamente como você viu usando código Python para desenvolver interfaces gráficas de usuário. Então agora se você foi no futuro para desenvolver alguns aplicativos Python, mas você também gostaria, além do script que você está escrevendo para ter uma interface gráfica de usuário. Para seus usuários ver algumas coisas ou para ser mais claro user-friendly. Agora você tem um substituto para os quatro que eu olhei. Então vamos sintonizar durante a palestra onde vamos falar sobre o resumo da estrutura. Mas estes estavam prestes a comer trigo. Programação, obter fazer mostrando barra de coisas. Por assim dizer. Obrigado novamente, e estamos ansiosos para ver vocês nos próximos sintomas do tutorial. Então, neste verão.