botão

Botões diferentes

Botões de comando

Um botão ou tecla também (inglês) O botão é uma interface gráfica de usuário de controle comumente usada , gatilho, que permite ao usuário uma função atribuída.

Designações

O botão de designação está predominantemente no Windows - terminologia usada no Linux e no macOS, em vez do termo chave é usual. O termo botão é enganoso porque um interruptor geralmente liga e desliga algo (alterna entre dois estados estáveis), enquanto um botão (ou botão ) apenas transmite um pulso de botão (o botão foi pressionado e solto novamente). A maioria dos controles funcionam como uma tecla, então inicie um processo com "pressão" (ou seja, após um clique do mouse ou com um atalho de teclado ); Os elementos de "comutação" reais são os "botões flip-flop" que bloqueiam "pressionados" - e, em seguida, são geralmente exibidos de acordo ou alteram a rotulagem - e desengatam novamente com o segundo clique, ou elementos de controle que alternam entre vários estados de comutação, por exemplo para marcação de texto em processamento de texto (negrito, itálico, etc.) ou modos de edição em processamento de imagem . Em tecnologia, dispositivo de comutação é o termo genérico para botões e interruptores.

Na literatura relevante, o termo em inglês botão " botão (push)" é muito difundido. No Amiga Workbench , os botões fazem parte dos "gadgets", o termo coletivo para todos os elementos de controle (além de, por exemplo, pictogramas / ícones ).

Alguns exemplos muito comuns de botões são:

Um botão OK para confirmar as ações e fechar a janela
Um botão Cancelar para descartar as alterações ou cancelar ações e fechar a janela
Um botão Aplicar para fechar para aceitar alterações ou confirmar ações sem a janela
Um botão Fechar para fechar as janelas após as alterações já terem sido aplicadas

Representação visual

Botões em umInterface gráfica do usuário; a “luz” vem aqui do canto superior esquerdo.A parece protuberante, B deprimido. A linha limite tem dois pixels de largura na parte superior e apenas um pixel na parte inferior.

A aparência dos botões geralmente é determinada pelo sistema operacional usado. Com suficientemente grandeNo entanto, a aparência também pode ser adaptada conforme necessário com esforço de programação.

Por causa de um efeito perceptivo do sistema visual humano, um botão aparece “protuberante (tridimensional)” quando seu limite superior é claro e seu limite inferior é escuro. Caso contrário, o botão aparece "pressionado". Este efeito é baseado no fato de que o olho humano está acostumado a objetos sendo "iluminados de cima". Além disso, os botões podem ser exibidos com brilho ao serem pressionados para simular um brilho ou para realizar outras alterações de cor. Freqüentemente, o efeito 3D só aparece quando você move o ponteiro do mouse sobre o botão ( pairando ) ou o ativa por meio do teclado.

Além das fontes, os ícones também são comuns para os botões , que simbolizam a função do botão.

Para flip-flops, simples tiques ou pontos também são comuns ( botões de opção ) .

Botões em HTML

Exemplo de imgbotão

Os elementos e são usados em HTML . Esses elementos, bem como referências de texto simples ( elemento que contém texto puro) podem ser projetados graficamente usando CSS , por exemplo, B. atribuindo diferentes cores de quadro para simular um efeito 3D. Com o novo padrão CSS3 , designs mais complexos também podem ser implementados sem o uso de imagens usando gradientes de cor, etc. Muitos frameworks CSS fornecem modelos prontos para design.inputbuttona

Os botões são usados principalmente para enviar dados do formulário ou para tornar as referências graficamente atraentes.

Programas de aplicação

Em programas aplicativos, os botões são usados para endereçar os comandos de controle individuais de um programa. Eles são organizados nas barras de menu ( barras de alternância) ao redor - ou livremente acima - da superfície de trabalho de uma janela .

Exemplos

O exemplo a seguir implementado com ASP.NET mostra a implementação de um site com um botão e o link entre o evento click e um manipulador de eventos (consulte evento ).

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    // Registriert die Ereignisbehandlungsmethode für das Klick-Ereignis des Buttons.
    void Page_Load(Object sender, EventArgs e)
    {
        BeispielButton.Click += new EventHandler(this.BeispielButton_Click);
    }

    // Wenn der Button angeklickt wird, wird die Beschriftung geändert und der Button deaktiviert.
    void BeispielButton_Click(Object sender, EventArgs e)
    {
        Button button = (Button)sender;
        button.Text = "Der Button wurde angeklickt.";
        button.Enabled = false;
    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Beispielseite</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <asp:Button id = "BeispielButton"
           Text = "Klick hier, um die Beschriftung zu ändern."
           OnClick = "BeispielButton_Click" // Verknüpft die Ereignisbehandlungsmethode mit dem Klick-Ereignis.
           runat = "server" />
    </div>
    </form>
</body>
</html>

Links da web

Commons : Botões - coleção de imagens, vídeos e arquivos de áudio

Wikcionário: botão - explicações de significados, origens de palavras, sinônimos, traduções

Botão noWiki SELFHTML - Tutorial para criar um botão

Evidência individual

^ Alan Cooper, Robert Reimann, David Cronin: Sobre a Face 3: The Essentials of Interaction Design . John Wiley & Sons, 2012, ISBN 978-1-118-07915-7 , pp. 445 ( google.de [acessado em 3 de março de 2021]).
↑ Tag HTML <button> W3Schools
↑ Evento Button.Click. Microsoft Docs

[1] Alan Cooper, Robert Reimann, David Cronin: Sobre a Face 3: The Essentials of Interaction Design . John Wiley & Sons, 2012, ISBN 978-1-118-07915-7 , pp. 445 ( google.de [acessado em 3 de março de 2021]).

[2] Tag HTML <button> W3Schools

[3] Evento Button.Click. Microsoft Docs

Languages