Como criar um gerenciador de contatos baseado em formulário de usuário no Excel: do início ao fim - ID Card Make

Como criar um gerenciador de contatos baseado em formulário de usuário no Excel: do início ao fim - ID Card Make Mas e se pudéssemos criar um todo aplicativo construído dentro de um usuário formulário, oi, aqui é Randy, com Excel para Freelancers e hoje vamos fazer só que vou construir um incrível gerenciador de contatos com interações ilimitadas diretamente dentro de um formulário de usuário e a melhor parte é que estamos vou fazer tudo do zero todo projetar cada campo, cada função e cada linha de código junto com você passo a passo vai ser um treinamento incrível mal posso esperar vamos começar.

Como criar um gerenciador de contatos baseado em formulário de usuário no Excel: do início ao fim

Tudo bem, muito obrigado por se juntar a mim hoje no treinamento desta semana estamos vou aprender como criar isso incrível formulário de usuário do gerenciador de contatos completo com interações absolutamente do zero vamos fazer tudo do código e vamos fazer o design de todo este formulário de usuário de arranhe para não querer perder minuto disso eu trago isso para cada um de vocês e toda terça-feira e estou super orgulhoso de anuncie agora todo fim de semana, sábado, estou farei outro VBA adicional para treinamento de iniciantes, então se você é novo para VBA ou é algo que você deseja para melhorar estarei criando.

Treinamentos adicionais a cada Sábado só para você com base em populares pedido, então estou super orgulhoso de trazer isso para você, espero que você se junte a nós Sábados para o treinamento, então certifique-se você se inscreveu e definiu sua notificação icon Bell para o treinamento que vai seja incrível se você quiser aprender com a base é o seu melhor oportunidade de aprender como criar estes aplicativos incríveis, por que você deveria aprenda desenvolvimento de aplicativos Excel VBA muitas razões pelas quais você pode criar esses e vender esses aplicativos como eles são fazendo no Etsy ou no seu próprio site você.

Pode se tornar um sucesso incrível freelancer você pode criar e vender estes produtos por conta própria para renda passiva então é uma ótima maneira e estou aqui para te ensinar toda semana como eu vem fazendo nos últimos seis anos se você deseja treinamento adicional que deseja melhore suas habilidades ou você deseja atualizações ou recursos que estou fazendo isso no patreon toda semana, então certifique-se de participar nós no patreon onde você vai chegar treinamento adicional toda semana junto com uma pasta de trabalho adicional que inclui recursos baseados em seu feedback.

Com base em suas idéias eu crio que cada e toda semana junto com um PDF codeb voltar downloads adicionais recursos que incluem ícones de imagens tudo o que aconteceu no treinamento as imagens de fundo e muito mais Espero que você nos veja no patreon, estaremos feliz em ver você lá, tudo bem, estamos vamos começar é isso que vamos fazendo, estamos criando esse contato Gerente, vou guardar isso vamos fazer isso do zero teremos uma lista de contatos aqui podemos procurar um contato se quisermos pesquisa, podemos fazer isso, temos um realmente pesquisa legal, podemos mostrar apenas ativos.

Conteúdo ou inativo ou como você quiser podemos limpar o filtro aqui assim que o fizermos selecione um contato certo, podemos ver o detalhes de contato serão exibidos, incluindo as informações do nome junto com o imagem, poderemos procurar por uma nova imagem ou limpe a imagem se queremos, seremos capazes de salvar o contato estaremos criando novo contato contatos também poderemos listar todas as interações desse contato seremos capazes de criar um novo interação junto com o tipo o tempo a data e muito mais estaremos capaz de selecionar qualquer interação anterior.

Ou exclua uma interação, então vamos fazer tudo isso do zero, estamos vamos projetar o formulário e nós vamos escrever todo o código então se isso é algo que você quer aprender como fazer ao final deste treinamento você vai saber como fazer exatamente isso então estou muito animado para traga isso para você, isso é uma amostra Le aplicativo, colocarei isso no lado e começaremos do zero deixe-me encerrar isso e ver o que é isso a pasta de trabalho implica que temos um pequeno administrador seção tudo o que faz é ter contato tipos de interação e tempos de contato.

Banco de dados é onde estão nossos contatos armazenado, temos um banco de dados de interação e então só temos uma folha vazia aqui, ok, então o que vou fazer é vou passar isso para o lado aqui e então vamos trabalhar a pasta de trabalho que não tem um usuário formulário ou qualquer um dos códigos relativos a esse ok, então novamente nesta folha temos administradores e configurações eu tenho um controle banco de dados e eu tenho interações banco de dados é basicamente isso, então nós não precisa de mais nada, tanto quanto o dados estão preocupados, podemos ir em frente e comece a criar nosso formulário de usuário para basicamente eu quero criar um formulário de usuário.

Para armazenar esses contatos e também eu quero ter certeza de que aqueles as interações são carregadas lá, ok, então vamos começar com isso, o que estamos vamos fazer é entrar a guia de desenvolvedores alt f11 vai te levar lá você pode encontrá-lo aqui se não tem os desenvolvedores que você pode simplesmente clicar alt f11 para entrar no Visual Basic agora eu tenho dois appc abertos um contém um formulário de usuário que é meu exemplo, então Eu vou encerrar isso, vamos focar nesta planilha aqui vamos para focar nisso agora observe que não há formulários de usuário este tem um formulário de usuário aqui.

Este não, então é exatamente isso Quero focar aqui e vamos para ir direto ao assunto criando esse usuário formulário agora se você nunca criou um usuário não tem problema, você pode assistir isso Tentarei me mover o mais devagar possível, mas sinta-se à vontade para assistir quantas vezes quiser você quer tudo bem, então o que vou fazer é Vou clicar em inserir e depois Vou clicar em um formulário de usuário aqui, então Vou clicar no formulário do usuário e isso vai criar aquele novo formulário de usuário aqui temos algum projeto configurações obviamente vou aumentar.

O tamanho deste formulário de usuário, aumentar o tamanho, iremos sobre o largura, podemos ter as propriedades aqui se você não vê as propriedades aqui basta clicar nestas propriedades e vai aparecer que está anexado ou você pode destacá-lo aqui se quiser então o que vamos fazer é ir para definir a largura e a altura, então vamos defina a largura aqui, queremos que seja grande, vamos defina isso para cerca de 9 13 ou algo assim isso é sobre o que eu tinha e a altura queremos definir a altura, então vamos olhar para a altura até cerca de 420, ok isso deve ser suficiente dentro deste formulário de usuário e podemos começar a adicionar alguns.

Campos então que tipo de campos somos vou precisar adicionar a primeira coisa o que faremos é dar um título a este usuário forma qual é o nome disso que vamos para ligar para este formulário de contato formulário de contato agora este é o nome VBA, mas queremos um nome amigável de nome visível, podemos coloque isso aqui para que fique visível o nome pode incluir qualquer caractere aqui, então vamos chamá-lo de formulário de contato assim é o nome que será referido dentro do VBA para que possamos usar um nome curto para isso sem espaços ou símbolos e você pode ver que nosso.

Posts Related:

    O gerenciador de contatos aparecerá em o título agora queremos um bom título para isso, então o que vou fazer é vou configurar isso e então isso é - ID Card Make

    Nosso primeiro selo no topo, então estamos vou definir isso para um transparente porque queremos que o plano de fundo apareça configurado, então vamos definir isso de forma transparente não precisamos necessariamente de um rótulo, mas nós precisamos preciso de uma legenda para isso, então vamos para ligar para este gerenciador de contatos maiúsculas, vamos definir a fonte para isso e o que faremos é entrar a fonte aqui e vamos apenas selecionar uma fonte aqui para que possamos olhar aqui embaixo eu acho que isso é algo que eu tinha antes.

    Que era placa de cobre placa de cobre Gótico e depois usaremos negrito e depois cerca de 36 é o que eu tinha, eu quero isso centralizado no formulário, então vou selecione no para que pareça bom e então o que queremos fazer é ter certeza de que temos tamanho suficiente para podermos nos mover isso aqui entre em contato com o gerenciador e depois se quisermos enviar uma linha de texto, podemos selecionar aqui embaixo e vai estar no centro agora que vai para Centro dentro o rótulo, mas quero centralizá-lo dentro o formulário para que eu possa clicar nisso e nisso um aqui centralizado horizontalmente isso vai centralizá-lo no formulário ok, agora que temos isso eu também preciso de uma caixa de seleção, então vou colocar uma.

    Caixa de seleção aqui e o que isso vai fazer fazer isso nos permitirá esconder o contatos inativos então vamos ligar isso está ativo, ok, vamos apenas colocar ativo como um nome e então o que faremos é o legenda que colocaremos apenas no show contato ativo ok, muito bom, então quando eles selecionam assim nós vamos ser capaz de mostrar apenas aqueles e isso vai para afetar a lista e vou mostrar como isso funciona bem agora que temos que também preciso de um contexto de pesquisa, então vou para inserir um rótulo aqui logo abaixo disso e vamos chamar essa pesquisa contatos, então vamos chamar isso de.

    Rótulo de pesquisa aqui dentro, estamos vou colocar esse contato de busca ok, se estivermos procurando por algo específico entre em contato agora o que eu quero fazer é eu quero para formatar que irei para o fonte aqui Toom está bem, mas o que eu quero a fazer é querer aumentá-lo para cerca de 11 e talvez não precisemos necessariamente para torná-lo ousado, mas quero ter certeza é grande o suficiente para que fique visível o formulário para pesquisar contato também podemos envie uma linha à direita que ajudará e então o que vamos usar é usaremos um campo para essa pesquisa, ok.

    Então agora que temos isso que eu quero o que faço é adicionar esse campo de pesquisa para vamos selecionar aqui dentro deste caixa de texto e vamos adicioná-la caixa de texto bem aqui, também estamos vou fazer com que ambos tenham 18 de altura essa vai ser a nossa altura, ok, 18 é 18 ou 19 suficientes, deve ficar bem vamos com 19 só para ter certeza de que há espaço suficiente aqui agora estou indo para selecionar este e quero fazer certeza de que este será o texto deixado o que já é e é isso que eu queremos dentro da fonte só precisamos fazer isso uma vez e então podemos duplicá-lo.

    Para esses campos vamos definir o fonte e novamente esta fonte vamos defina como 11 e clique em ok e daremos este é um nome que vamos chamar pesquisa de contato, então esta caixa de texto vai para ligar para pesquisa de contato, ok, haverá nada aí, não precisamos de um valor aí, então o que eu quero agora é uma lista caixa de todos esses contatos, então vamos para entrar nesta caixa de listagem aqui e eu estou vou fazer com que tenha aproximadamente a mesma largura que nossos dois campos lá e vamos apenas derrubá-lo, isso vai ser suficiente para nós agora chegaremos ao.

    Conteúdo disso, então vamos ligar esta lista de contatos está bem, uma vez que tenho que o que eu quero fazer é eu quero comece com o campo, então temos tudo o que precisamos aqui, exceto a certeza de que obteremos que temos um botão de filtro claro que você pode trazer isso aí em cima eu quero aumentar o fonte deste para torná-lo consistente com isso então vamos selecionar no dia 11 e clique em ok e então só precisamos aumente isso para que todo o texto fique bem então essa é a nossa caixa de listagem que o usuário irá em seguida, selecione um contato e ele será exibido aqui em cima, então agora o que posso fazer é.

    Basta usar o controle e depois linha estes apenas para ter certeza de que eles estão alinhados adicionando os meios aqui controle C e depois control + V estes são os início dos campos que iremos estar usando, ok, então temos algum Contex de detalhes, mas vou corrigir isso sobre o topo daqui só para que tudo se alinha como o topo agora acima que o que eu gostaria de ter é algum informações aqui, então vou apenas copie isso aqui está o que seremos colocando aqui e isso vai esticar todo o caminho, vamos usar à direita cerca de duas a três colunas aqui tão aqui dentro eu quero justificar.

    Isso como Centro para que possamos clicar duas vezes em que este será nosso contato detalhes em letras maiúsculas contato detalhes que vamos adicionar que eu quero gostaria de fazer isso ousado e provavelmente um um pouco maior da fonte, então estamos vamos selecionar a fonte aqui estamos vou para 12 e negrito aqui e clique em ok, este será o nosso nome do contato para que possamos apenas colocar o nome aqui para salvar alguns espaço e então nós não precisamos do nosso rotular tão grande para que possamos reduzir isso aqui e então queremos aumentar isso um pouquinho vamos fazer.

    Ajustes necessários, mas isso é suficiente, então o que eu quero em seguida é que eu quero o número de telefone, então vou fazer

    Crl c control v isso vai ser para nosso telefone e adicionaremos nomes a eles muito em breve, quando adicionarmos tudo isso seja nosso campo de telefone, então adicionaremos isso aqui a seguir também queremos um campo de e-mail então controle V novamente e queremos um email campo agora à direita do nome que estamos vai ter uma lista suspensa e isso é será para o nosso tipo de contato, então.

    Posso fazer isso, vamos adicionar o e-mail primeiro vamos colocar o e-mail assim que alinhe tudo direitinho então garantiremos que os configuramos para certifique-se de que temos todos os campos corretos nomes aí eu vou te mostrar alguns truques realmente ótimos e como você pode use apenas um pequeno código VBA, então vou para copiar este apenas o rótulo aqui vamos colá-lo aqui, isto é será para o nosso tipo de contato, então pode colocar aqui o tipo de contato e depois aumente a largura desta etiqueta para que podemos encaixar, mas eu queria o mesmo tamanho disso, então notamos a altura.

    Na verdade, isso deve ser cerca de 19, eu acho vai ficar correto na altura que eu quero ter certeza de que são todos iguais então basta colocar 19, quero uma lista suspensa aqui mesmo se dermos uma olhada aqui é chamado de caixa de combinação, eu quero isso caixa de combinação a ser usada para nosso contato e Eu quero que a altura seja 19 e eu quero ter a mesma largura que esta, então se nós selecione isso e damos uma olhada, vemos este é 114, também queremos 114 no largura, podemos fazer ajustes posteriormente para certifique-se de que tudo se encaixa para que possamos vai passar de 108 para 114 ok, agora que temos tudo.

    Configurar queremos claro que preciso ter um rótulo para isso e queremos ter um fonte de linha para isso, adicionaremos isso mais tarde Eu quero um campo de endereço, então vou copie isso e cole isso aí agora esse campo de endereço é um campo mais longo, então vamos trazer isso aqui e eu quero estendê-lo até o fim até o final daqui e vamos ligar para este endereço para que tenhamos o endereço aqui, ok, a seguir temos cidade-estado e zip e eu vou ter todos esses na mesma linha novamente então control V temos já copiei antes de você poder trazer isso aqui em cima aqui e isso vai se chamar nossa cidade então.

    Vamos ter o nosso estado e vamos vou colocar todos na mesma linha eles são um pouco menores e então nós posso fazer control V mais uma vez, isso é onde será o nosso estado para que possamos traga-o aqui e novamente estes são Campos menores, então não precisamos ter a largura como estado longo usará apenas um estado de dois dígitos, tudo bem, então temos estado aqui em cima e vamos fazer disso um campo pequeno já que o estado vai sejam dois dígitos, podemos resolver isso aqui e então o que por último teremos o zip para que tenhamos espaço suficiente para tudo é isso, então agora vamos apenas coloque nosso ZIP e vou copiar isso.

    Controle V e por último quero WR Justificado totalmente à direita então podemos ajustá-lo de acordo, ok, movimento isso um pouco, temos o suficiente espaço para o nosso CEP aqui podemos simplesmente colocar zip para abreviar, ok, então é isso que eu gosto a maneira como isso parece se mover aqui, certificando-nos de que temos o suficiente espaço, podemos adicionar um pouco mais de espaço para a nossa cidade, esses tendem a ser um pouco um pouco mais para que possamos fazer isso quando tenho que quero montar algum espaço para uma foto, então vou copiar isso e vou colar isso aqui aqui bem aqui e nós vamos.

    Certifique-se de que tudo esteja configurado traga isso um pouco à tona e isso é vai ser para a nossa foto, então escreva foto aqui eu também quero um campo de foto então vamos adicionar aqui e nós vamos fazer isso assim aqui, então eu só quero espaço suficiente como aqui eu quero ter certeza de que o a imagem é quadrada, então o que vamos fazer o que estamos fazendo é vamos ver a largura de 126 então podemos fazer os dois com cerca de 115 I acho que isso é suficiente e então vamos mude a largura aqui 115 ok, eu quero a cor de fundo é branca, então vou.

    Para definir o animal de estimação aqui para o branco e estamos vou ligar para esse contato, escolha o contato escolha ok, muito bom, vamos precisar alguns botões que eu também preciso, seja um ativo ou inativo então vou copiar isso e depois cole e este é simplesmente vamos nos informar se é um contato ativo ou inativo eu também quero alguns campos ocultos, alguns campos que vão ficar escondidos nós vamos ficar criando isso em um momento para que eu possa apenas coloque isso em qualquer lugar aqui e tudo mais vamos chamar isso de ativo, nós pode alterar o nome diretamente daqui ou podemos alterar a legenda de.

    Aqui então qualquer um vai ficar bem, eu estou vou colocar dois botões aqui eu quero alguns campos ocultos que identificam o ID de contato que estou vou colocar aqui mesmo, vai ser oculto vou copiar e colar isso e eu vou apenas acertar aqui em cima agora eu não quero esse campo nós posso colocá-lo em qualquer lugar, na verdade, vou apenas colocar aqui mesmo vou chamar isso campo um e ficará oculto como podemos escondê-lo, verificamos o propriedade visível aqui e nós fazemos isso false isso significa que quando executamos o código que você vê aqui que esse campo não é.

    Visível ok, então é exatamente isso que eu quero, não quero que fique visível, ok, ótimo então simplesmente clicamos em correr e podemos veja esse código ok, muito bom então continuando aqui com nosso código às vezes a outra pasta de trabalho será aberta levantado, mas tudo bem, temos um imagine que vamos pegar nossos botões e vamos fazer isso bem, então vamos trazer isso aqui então se nós quiser selecionar mais de um campo, apenas desenhe em torno dele e então podemos nos mover eles querem ter certeza de que temos espaço suficiente para nossas interações aqui e então vamos colocar vou fazer isso é um pouco menos, então conseguimos mais espaço, então isso vai para.

    Cerca de 270 de largura e é isso vamos usar, então vamos ser capaz de alinhá-los, então agora queremos todos deles para alinhar, podemos encolher aqueles campos conforme precisamos, ok, bom, isso dá nos uma boa referência aqui e então observe que eles têm antecedentes sobre eles, então nós realmente não queremos que queremos usar fundos transparentes aqui para que possamos reduzir, vou reduzir estes a um pouquinho e vamos fazer o a mesma coisa aqui, reduzindo-os apenas um um pouco perfeito, ok, então continuando agora que temos as coisas alinhadas e estou vamos fazer a mesma coisa com isso nós.

    Podemos observá-lo, podemos ir para a grade traga essa informação aqui porque queremos ter certeza de que temos espaço suficiente para a interação de todos certo, muito bom, vamos tirar uma foto adicionado ao verso deste formulário de usuário e pode selecionar no próprio formulário do usuário, olhe para a foto aqui podemos navegar para isso e então vamos clicar aqui navegue e então o que fazemos eu tenho um certifique-se de que é jpg ou jpeg que eu tenho tenho um histórico de formulário de usuário, é claro, se você quer o plano de fundo e todos os ícones em que disponibilizarei isso patreon Ok, então temos um bom pano de fundo agora vemos que temos um.

    Pano de fundo que realmente não queremos esses campos aqui os rótulos aqui e os campos que realmente não precisamos deles, então o que eu vou fazer é eu vou selecione todos eles segurando o controle para cada um deles e nós quero ter certeza do estilo das costas aqui vamos deixá-lo cair e selecionar transparente e é exatamente isso que eu quero agora que eles estão definidos como transparentes podemos continuar, então agora o que eu quero fazer é que eu quero ter uma seção aqui, posso mova isso um pouco para a direita isso é o que vai ser para o nosso interações de contato, então interações.

    As interações podem ser de qualquer tipo, na verdade Eu tenho uma lista de interações que tipo, eles estão dentro do nosso administrador, podemos veja aqui que temos vários que poderíamos coloque o que quisermos, telefonema, mensagem de texto mensagens qualquer tipo de interação que tivemos também temos tipos de contato que temos e enquanto estamos na tela vamos revisar alguns dos intervalos nomeados que vão para nos ajudar, então vamos entrar no gerenciador de nomes de fórmulas e vamos pegue alguns deles, temos durações que será usado durante o período que precisaremos em um momento que tivermos.

    Tipos de contato que precisaremos e nós temos tipos de interação que temos aqui e temos momentos, então todos esses intervalos nomeados, precisaremos use dentro dessas listas suspensas dentro nosso formulário de usuário, então precisaremos lembrar aqueles intervalos nomeados vezes durações tipos de contato e tipos de interação ok então vamos fechar isso e então o que vamos fazer é vamos voltar ao nosso formulário de usuário de curso de volta para o desenvolvedor e Visual Basic e vamos projetar.

    Então agora lembramos que temos tipos de contato aqui, mas não há valor se selecionarmos nisso ainda não há nada, então o que queremos fazer é definir o fonte da linha, então vamos descer aqui até a origem da linha e estamos vou digitar o nome daquele nomeado alcance, então temos tipos de contato que são o nome que temos e, claro, se for errado, eles vão deixar você saber agora, quando selecionamos aqui, vemos que temos alguns tipos de contato, então é exatamente isso o que queremos aqui, ok, então o primeiro coisa que queremos fazer é querer adicione essas interações para que possamos avançar.

    Isso um pouco para a esquerda aqui e vou copiar o nome aqui em o campo de nome control C e então estamos vamos clicar aqui e vamos para colar isso aqui, opa, vamos fazer que mais uma vez controle C e cole isso aqui, ok, estamos vai trazer que isso vai ser para o nosso nome de interação vai fazer certeza de que está no mesmo nível aqui que nós quero tudo consistente, então estamos vai derrubar isso exatamente onde o outro está bem, este vai chamado nome da interação, então precisamos de um um pouco mais de espaço para isso, então nome da interação e então podemos estender esta etiqueta aqui para que possamos encaixar tudo ok, então o nome da interação nós não temos.

    Preciso disso tão longe para que possamos movê-lo um um pouco mais a seguir também queremos digite então na verdade vai ser tipo de interação, mas podemos copiar isso e cole isso e personalize de acordo, então vamos trazer aqui vamos usar o que está prestes a o fim e então este vai ser apenas chamaremos esse tipo sozinho, então estamos só vou esclarecer isso e isso é será para o nosso tipo de interação e se lembrarmos que temos uma fonte de linha para isso chamado intertipo então vamos selecione aqui em vez de tipos de contato vai ser tão selecionado novamente.

    Porque não me lembrei da linha Fonte Eu acho que está dentro tipos ok, muito bom, então está correto então se olharmos aqui e selecionarmos nele vemos que temos o tipos de interação também o que eu quero sei que é a data, hora e duração, então Vou copiar isso e colar isso em aqui e essa é a próxima linha do nosso campo será para nossa data e hora e nossa duração para que possamos reduzir isso quero todos os três na mesma linha então vamos reduzi-lo e eu estou só vou ligar para esta data, então isso.

    Será usado em nosso campo de data a seguir Eu preciso de um para o nosso tempo, então vou copie isso aqui, vamos fazer do nosso tempo um lista suspensa porque temos uma lista suspensa lista abaixo de vezes que acabamos de ver queremos encaixar isso aqui, então aqui estamos não preciso de tanto espaço para o tempo, então podemos trazê-lo porque também precisamos ajuste a duração aqui também, ok, então isso vai se chamar tempo, então estamos vou mudar isso para o tempo, esse é o momento da nossa interação e também temos para alterar a origem da linha para a correta intervalo nomeado então novamente descendo para a linha.

    Fonte em vez de tipos internos, estamos vou apenas mudar isso para vezes selecionando ferro para ter certeza de que temos o correto nós temos tudo bem perfeito e selecionamos um que formatamos portanto, não precisamos nos preocupar com que cuidaremos da formatação a seguir, queremos duração, então vou copie isso e poderemos novamente traga-o aqui na mesma linha e este vai durar, então nós pode diminuir um pouco isso e vamos chamar esse período D, abrevie a duração, então selecione ponto D, tudo bem, bom, então é isso, nós.

    Não precisa se preocupar com os formatos isso vai cuidar disso agora eu queremos que eles sejam espaçados de acordo, nós apenas verifique se dermos uma olhada nisso um que vemos o topo está definido para 84 o próximo top está definido como 114, então sabemos que há um Espaço de 30 pixels, então o próximo deve ser 144 que está correto, o próximo deve seja 174 que está correto o próximo deveria ser 204 perfeito então todos têm 30 além disso, quero fazer a mesma coisa aqui quero ter certeza de que é 84 eu quero certifique-se de que este é 114 e o próximo.

    Serão notas, então temos um campo de notas, então vou copiar isso e cole aqui agora nossas anotações campo vai se estender até o fim, então vou trazer aqui embaixo e nós iremos até o bem aqui e isso vai ser para nossas anotações, para que possamos apenas dizer anotações então temos nosso campo de notas, vamos para economizar espaço precisamos de alguns botões aqui e então preciso entrar em contato novamente interação talvez possamos apenas colocar estou vou centralizar isso aqui, então estou vou trazer aqui eu quero centrado novamente, também precisaremos um campo oculto, então vou copiar isso.

    Será para nosso ID de interação e vou colocá-lo em qualquer lugar aqui está tudo bem, também vai ficar oculto, então temos todos os IDs de interação certo, então o que queremos fazer a seguir é eu quero um conjunto de botões, só vou renomear isso, a amostra era um pouco diferente, vou colar isso aqui e quero chamar isso de anterior interações, então acho que deveríamos ligar anterior, então vamos capitalizar interações anteriores ok, mas precisamos de espaço para o botão definido, então vou trazer isso aqui a seguir o que eu quero fazer é eu quero mostre todos aqueles dentro de uma caixa de listagem que temos já existe uma caixa de listagem para que possamos apenas copiar.

    Este e cole-o aqui para vamos trazê-lo aqui e então vamos formatar, nós queremos uh, é o mais largo possível e tão grande quanto possível para que possamos mostrar o máximo possível de interações, trazendo-o tudo aqui ok, parece bonito bom, gosto da aparência que temos deveria ter ambos terminado exatamente o mesmo ponto abaixo bem para que parece certo, vamos ter coloque um botão definido aqui para o nosso contexto, então é basicamente isso, exceto para os conjuntos de botões e então vamos para seguir em frente e trabalhar, então vamos adicionar.

    Esses conjuntos de botões agora vamos dar uma olhada o que faremos é selecionar aqui nós podemos ver que queremos colocar algum tipo do botão ok então vamos trazer a caixa de ferramentas e o que vamos fazer fazer é selecionar se você quiser um botão que usaremos um aqui chamado botão de comando e usaremos vários deles assim que acertar o formato vou colocar bem aqui botão de comando, mas certamente queremos mudar o visual e sinto isso então isso vai ser chamado de botão Salvar contato para que possamos use este botão chamado salvar salvar contato.

    Sem espaços e queremos um nome amigável vamos colocar tudo em letras maiúsculas chamadas Salvar contato ok muito bom mas eu quero para formatar isso e também quero fazer é transparente então vamos mudar isso para transparente e também vamos para colocar uma foto lá também, então como faço fazemos isso bem, a primeira coisa vamos corrija a fonte aqui porque eu quero que um fonte maior, então vamos entrar a fonte aqui e então vamos para acertar isso, cerca de 11 deveria ser tudo bem, ok, isso parece bom, mas o que eu quero fazer é eu também quero fazer isso branco então vamos colocar um.

    Imagine então agora o que eu vou fazer branco aqui não esse eu só vou usar não o inativo que eu quero coloque o animal de estimação aqui, branco, ok, então você ainda não consigo ver, o que é bom, e daí Eu gostaria de fazer o que você viu na amostra Eu quero um botão mais tradicional agora podemos adicionar uma imagem a isso, e daí? Eu gostaria de fazer é adicionar um imagem de fundo para isso, então como podemos faça isso bem, como eu quero que fique tipo, o que eu vou fazer é eu vou para criar uma imagem e então eu vou tirar uma foto então vou entrar molda uma forma quadrada sobre o que eu faria.

    Gostaria que parecesse o que é quase parecido isso e eu quero que seja um pouco, uh dá, eu quero dar esse visual, ok então isso parece legal, então o que eu sou vou fazer é pegar um foto disso, então vou usar um tecla de atalho vou usar minha foto ferramenta que está atrapalhando, então vou tire uma foto disso assim assim tire uma foto usando pegue, traga aqui, vamos lá ok, agora vamos trazê-lo aqui tire o que parece assim, praticamente nada, então Vou guardar isso, vamos trazer um.

    DISCLAIMER: In this description contains affiliate links, which means that if you click on one of the product links, I'll receive a small commission. This helps support the channel and allows us to continuetomake videos like this. All Content Responsibility lies with the Channel Producer. For Download, see The Author's channel. The content of this Post was transcribed from the Channel: https://www.youtube.com/watch?v=e7tUsgWh3Uw
Previous Post Next Post