/
Menu de contexto / Context menu

Menu de contexto / Context menu

Exibe um menu de contexto próximo ao componente clicado, como um botão, entrada de texto, entre outros.

Figura 1 - Bloco Menu de contexto

Compatibilidade

  • Bloco cliente: cronapi.event.contextMenu()

Retorno

O bloco não possui retorno.

Parâmetros

Abrir no componente

Identificador (id) do componente que será utilizado para abrir o menu de contexto. Para selecioná-lo, é necessário vincular o bloco de programação a um formulário de referência, confira mais detalhes no tópico Propriedades do Blockly da documentação Bloco de Programação.

  • Posição: 1

  • Inglês: Opens at component

  • Tipo: Objeto / Object

  • Exemplo: "crn-button-437794"

Animação

Indica o tipo de animação que será realizada ao exibir os itens do menu.

  • Posição: 2

  • Inglês: Animation

  • Tipo: Objeto / Object

  • Exemplo: "Zoom"

  • Opções: 

    • Desaparecer: o item do menu aparece gradualmente.

    • Zoom: o item do menu aparece com um efeito de aumento gradual de tamanho.

    • Deslizar para baixo: o item do menu é exibido como se deslizasse para baixo.

    • Deslizar para cima: o item do menu é exibido como se deslizasse para cima.

Abrir com clique

Indica com qual botão do mouse o menu será exibido. 

  • Posição: 3

  • Inglês: Open when clicks on

  • Tipo: Objeto / Object

  • Exemplo: "Esquerda"

  • Opções: 

    • Esquerda: o item do menu é exibido a partir do clique do botão esquerdo do mouse.

    • Direita: o item do menu é exibido a partir do clique do botão direito do mouse.

Lista de itens

Define os itens do menu de contexto. Recebe o bloco criar lista com, que por sua vez recebe o bloco Item do menu de contexto.

Exemplo

A função a seguir apresenta um exemplo de uso do bloco Menu de contexto. Essa função irá exibir o menu de contexto após o clique em um componente botão. O menu de contexto exibido possui dois itens, adicionados utilizando os blocos Item do menu de contexto. O resultado de execução pode ser visualizado na Figura 2.1.

Figura 2 - Exemplo de uso do bloco Menu de contexto

 

Na imagem a seguir podemos visualizar o resultado de execução da função da Figura 2.

Figura 2.1 - Resultado de execução da função da Figura 2

Nesta página