‫Bem vindo de volta.
‫E neste vídeo, vamos falar sobre eventos em Zemel e há coisas chamadas eventos relacionados ou eventos chamados
‫eventos relacionados, e existem três tipos de eventos relacionados, eventos diretos, eventos borbulhantes e
‫eventos de tunelamento.
‫Já vimos um evento direto e vamos criá-lo novamente.
‫Vou prosseguir e criar um botão aqui.
‫E este botão terá simplesmente um conteúdo de Callignee, muito básico.
‫E então ele tem um evento de clique e vou criar um novo manipulador de eventos aqui, e é isso.
‫E também, talvez devêssemos criar uma largura de cento e cinquenta e uma altura de, digamos, 100.
‫Portanto, é um botão decentemente grande aqui e agora este botão tem um evento de clique.
‫Agora, um evento de clique é um evento direto.
‫Então, vamos dar uma olhada aqui.
‫Podemos ver que um novo método foi criado para nós.
‫É um objeto privado de botão vazio clique método objeto remetente arcos de evento roteado e, portanto, precisa de um remetente, que é o
‫objeto que envia este evento.
‫E este é o nosso próprio botão.
‫Assim, o botão de objeto desde este evento e podemos ir em frente e usar esse botão.
‫E existem três eventos.
‫Como eu disse, o evento roteado ou eventos roteados são geralmente os eventos.
‫Depois, há um evento direto, que é um dos eventos roteados, e esse é o nosso evento de clique.
‫Faremos o check-out em um segundo.
‫E há o evento borbulhante e o evento tunelamento.
‫Então, vamos executar este código agora para que você possa ver o que um evento direto fará.
‫E a propósito, se quisermos executar alguma coisa, é claro que precisamos adicionar uma caixa de
‫mensagem aqui apenas para mostrar o que está acontecendo, mostrar que algo como Botão foi clicado e talvez adicionar algo como evento direto.
‫Evento tão direto.
‫Agora, vamos executar isso novamente.
‫E clique no botão e você verá que o botão era uma diretiva de clique, e nós usamos
‫esse no último vídeo e bem, nada do que você ouviu, certo?
‫Portanto, este botão é chamado diretamente ou o evento do botão é chamado diretamente pela propriedade click aqui.
‫Agora, há algo chamado evento borbulhante.
‫Digamos que você não queira que o evento comece assim que o usuário clicar no botão, mas assim que você o
‫soltar para clicar.
‫Assim que o botão ou clique sobe para que você possa usar algo como o botão do mouse ou o mouse aqui, existe algo chamado
‫mouse para cima.
‫Vou criar um novo manipulador de eventos para isso.
‫Vamos entrar aqui e criar este novo evento, que também só vai mostrar uma caixa de mensagem aqui.
‫E este aqui dirá que o botão do mouse subiu, foi lançado.
‫Portanto, apenas quando for lançado, este evento será acionado.
‫Este evento de botão para cima será disparado.
‫Então, vamos começar de novo.
‫E clique no botão com o botão esquerdo, nada acontece se eu fizer isso com
‫o botão direito, então de repente acontece algo que tem a ver com este ser um evento borbulhante.
‫Portanto, Mouse Up é um evento borbulhante, o que significa que faz sentido, esse evento no topo da hierarquia dentro
‫da árvore.
‫Então vimos o que é uma árvore, certo?
‫Vimos a árvore visual na árvore lógica.
‫Então aqui sobe na árvore visual e, você sabe, a árvore visual é muito mais do que podemos
‫ver nesta árvore lógica aqui.
‫Portanto, não se trata apenas da janela, da grade e do botão em si, mas há muito mais no meio.
‫E então este botão, desde que vá até todos os diferentes elementos da árvore que existem, então ele é para a grade
‫e então ele o envia para a janela.
‫E se não for tratado em nenhum lugar, então nada acontecerá.
‫E é isso que acabamos de ver.
‫Então, se eu pressionar o mouse para cima ou se eu soltar o botão do mouse, como pode ver aqui, estou clicando, ainda
‫estou segurando.
‫E uma vez que eu solto, nada acontece.
‫E isso tem a ver com o fato de o evento ser um evento borbulhante.
‫E está apenas sendo ignorado, como você pode ver com o botão direito.
‫Mas não funcionou com o botão esquerdo.
‫Então estava borbulhando e foi causado por nós.
‫Então, como você ainda pode lidar com isso?
‫Porque agora, bem, ele não funciona com o botão esquerdo, mas você queria trabalhar com o botão esquerdo.
‫O que você pode fazer é usar um evento de túnel.
‫O evento bubbling sobe na árvore visual, o evento tunneling desce na árvore visual.
‫Portanto, em vez de usar o mouse para cima, vou usar algo chamado Prevue Mouse para cima.
‫Você pode ver que existem vários eventos de visualização diferentes aqui.
‫Bastante.
‫E por exemplo, o mouse para baixo, mouse para cima, Prevue Mouse, direita, botão para baixo, botão direito para cima e assim por
‫diante.
‫Então, vou criar um para.
‫Geralmente, visualize milhas para cima para que você possa ver se está funcionando
‫de qualquer maneira, vou criar um novo manipulador de eventos para isso e vou prosseguir e adicionar este botão de mensagem
‫aqui foi lançado e este será o tunelamento evento.
‫Então aquele aqui foi o evento borbulhante.
‫E agora estamos no evento de tunelamento.
‫Agora, isso começou de novo.
‫E agora temos o botão esquerdo, e como você pode ver, o botão do mouse subiu para verificar.
‫Vou clicar nele, segurar, e agora estou liberando e então este evento é acionado agora com o
‫lado esquerdo também, o botão direito também.
‫E também funciona.
‫Então o que este anterior faz, ele o envia para o próprio botão ou para o ou desce na árvore visual.
‫Portanto, é acionado imediatamente.
‫Então isso é muito legal.
‫Se você deseja usar o botão Prevue Mouse para cima, então você está do lado seguro, digamos, quando deseja
‫usar o comportamento específico.
‫Mas então, por favor, considere também que este não é apenas um caso de botão.
‫É assim que trata os eventos roteados em geral.
‫Portanto, tome cuidado aqui e use-o da maneira certa.
‫Agora, vamos apenas para um propósito de teste, vá em frente e crie uma visualização.
‫Rato para a esquerda.
‫E crie um novo manipulador e agora Prevue Mouse, escreva ou escreva de fato.
‫Então, apenas para você ver que existem diferentes tipos de formas e aqui também vou usar um novo manipulador de
‫eventos.
‫E agora vou apenas ajustar a caixa de mensagem de acordo.
‫Então, na visualização, botão esquerdo do mouse pressionado, vou dizer que o botão esquerdo do mouse foi pressionado, não foi liberado.
‫Este é um evento de tunelamento.
‫Está correto.
‫E tudo bem.
‫E agora o outro será.
‫Na verdade, este é o botão esquerdo do mouse e este é o botão direito do mouse, o botão direito do mouse
‫subiu e é um evento de túnel.
‫E se formos em frente, podemos ver que está o nosso botão.
‫Se eu pressionar para a esquerda, clique como você pode ver imediatamente acionado assim que eu clicar, mesmo
‫que se eu mantiver, segure, segure o botão.
‫Ele ainda é acionado e agora o botão direito só é acionado quando eu o solto.
‫Então, só para você ver que existem várias maneiras diferentes de lidar com eventos, você pode
‫até mesmo lidar com um evento, que é se passarmos o mouse ou se colocarmos o mouse dentro desse botão.
‫Mas isso é algo que trataremos mais tarde.
‫Não é apenas uma pequena recapitulação.
‫Existem três tipos diferentes de eventos relacionados.
‫Existem os eventos diretos grouted, os eventos enraizados borbulhantes e os eventos enraizados por tunelamento,
‫os diretos.
‫Eles lidam com o evento sozinhos, e. g. o evento de clique que vimos.
‫Então, o evento bubbling está enviando-o para cima na árvore visual e o evento tunneling está enviando-o para baixo para
‫tratamento visual.