Escreva um programa que crie uma caixa de seleção de dois estados com a qual as pessoas possam interagir usando um mouse.

Especificamente, seu programa deve atingir todos os seguintes itens:

1. Tenha uma região de 8 × 8 pixels (ou maior, se desejado) da tela, que é a área clicável da caixa de seleção. A partir de agora, essa região é chamada simplesmente de caixa de seleção.

2. Quando o cursor do mouse é movido dentro da caixa de seleção e o botão * padrão do mouse é pressionado, a caixa de seleção deve alternar entre os estados.
   Marcado fica desmarcado. Desmarcado fica marcado.

3. A caixa de seleção não deve se mover quando estiver alternada.

4. No estado marcado, a caixa de seleção pode ser de qualquer cor.

5. No estado desmarcado, a caixa de seleção pode ter qualquer cor , desde que pelo menos 16 pixels sejam visualmente distintos do estado verificado .

6. Em uma única instância do programa, todos os estados verificados devem ser visualmente idênticos um ao outro e todos os estados não verificados devem ser visualmente idênticos um ao outro.

7. Não termine o programa até que ele seja explicitamente finalizado (por exemplo, via botão de saída ou Alt + F4), para que um usuário possa clicar na caixa de seleção o quanto quiser.

^{* Você pode presumir que o botão padrão do mouse sempre é clique esquerdo, mas também é bom usar o padrão conforme definido pelo software do mouse ou pelo sistema operacional, que pode não ser realmente clique esquerdo dependendo do usuário.}

Notas

• Não importa o que está fora da região da sua caixa de seleção. Poderia ser apenas a área de trabalho. Pode ser uma parte de um console que muda a cada alternância.

• Não importa em que estado sua caixa de seleção começa.

• A região da caixa de seleção pode ter dimensões iguais ou superiores a 8 × 8 pixels. Não precisa ser quadrado.

• Você pode fazer pequenas concessões para configurações que estão fora de seu controle, como tamanho da fonte do console, zoom do navegador, resolução do monitor, etc. Desde que o seu programa funcione em uma configuração de teste razoável, ele deverá ser válido.

• Se o seu programa abrir uma janela, você pode assumir que foi arrastado para um local apropriado na tela, se necessário (por exemplo, canto superior esquerdo).

• Você pode usar linguagens de marcação como HTML ou outras linguagens que normalmente não consideramos como linguagens de programação completas.

• Sua caixa de seleção deve ser alternada usando o botão padrão do mouse. Tudo bem se também alternar para outras formas de entrada (por exemplo, botão direito do mouse), com exceção do movimento do mouse . ou seja, o estado não deve mudar se o mouse for movido apenas dentro da caixa de seleção.

• As capturas de tela da sua caixa de seleção em ação são altamente recomendadas!

Pontuação

O código mais curto em bytes vence.

Exemplo

Um exemplo de HTML canônico em 23 bytes.

<input type="checkbox">

Para mim, no Google Chrome, isso faz uma caixa de seleção 12 × 12 pixels e cerca de 30 pixels mudam claramente entre os estados marcado e não marcado.

Eu concordo que o zoom do navegador esteja em 100%.

Mathematica, 10 bytes

Checkbox[]

Assume o ambiente de notebook do Mathematica .

Os dois estados são assim:

HTML, 20 bytes

Não sei como isso será válido como resposta. O HTML exige que a tag seja fechada para validar legalmente, mas os navegadores modernos as fecharão automaticamente para que sejam executáveis.

<input type=checkbox

Bash , 67 55 50 35 32 31 bytes

:()(read -p$[i^=1]
›?9h -sn6
:)

O código contém um byte CR (primeira nova linha) e um byte CSI (pequeno suporte de ângulo reto com a codificação Windows-1252). Requer xterm (ou equivalente) e a codificação ISO-8859-1 (ou similar).

O código define uma função chamada :, que exibe alternadamente 1 ou 0 branco em um retângulo preto. Existem exatamente 24 pixels diferentes nas configurações padrão do xterm. ( prova )

Para uma versão mais antiga que alterna a cor de todo o terminal, verifique a revisão 10 desta resposta.

Agradecemos a @ ais523 por sugerir o xterm, que economiza 4 bytes!

Como funciona

:(...)cria uma função nomeada :que é executada ....

O comando read faz a mágica real.

• -p especifica um prompt de entrada, impresso em STDOUT.

  • $[i^=1]é uma expansão aritmética que XORs a variável i com 1 . eu posso inicialmente estar desconfigurado; quando isso ocorrer, será tratado como 0 .

  • O retorno de carro coloca o cursor de volta no início da linha.

  • ›?9hcaptura o mouse nos terminais suportados. Cada clique envia seis caracteres para o terminal, ou seja ←[Mbxy, onde ←representa o byte ESC ( 0x1b ). ←[indica uma sequência de escape, Mo mouse, bo botão ( 0x20 + o número do botão), xa coordenada x do clique ( 0x20 + coordenada) e ya coordenada y .

  • -sn6torna a leitura silenciosa (a entrada do mouse não será ecoada para STDERR) e para após a leitura exata de 6 bytes. Ele salva a entrada na variável REPLY , mas não estamos interessados ​​na saída que ela produz.

Finalmente, uma vez que a leitura termina (após exatamente um clique do mouse), :chama-se recursivamente, inserindo um loop infinito.

Criação e invocação

$ echo $':()(read -p$[i^=1]\r\x9b?9h -sn6\n:);:' > checkbox.sh
$ xxd -c 17 -g 1 checkbox.sh
0000000: 3a 28 29 28 72 65 61 64 20 2d 70 24 5b 69 5e 3d 31  :()(read -p$[i^=1
0000011: 5d 0d 9b 3f 39 68 20 2d 73 6e 36 0a 3a 29 3b 3a 0a  ]..?9h -sn6.:);:.
$ LANG=en_US xterm -e bash checkbox.sh

Resultado

Processando, 78 66 65 63 61 bytes

2 bytes salvos graças a @TuukkaX usando em -a%2vez dea%2*-1

2 bytes salvos graças a @TuukkaX usando a=-a

int a=1;void draw(){background(a);}void mousePressed(){a=-a;}

A caixa de seleção alterna entre preto e branco.

Explicação

int a=1;                   //the variable that contains the state of the checkbox
void mousePressed(){a=-a;} //if the mouse is pressed, change the sign of a

Agora, existem muitas outras alternativas, como usar uma instrução if para processar isso, mas fica estranho e muda constantemente o plano de fundo enquanto o mouse está sendo pressionado. Tentei pela primeira vez mouseButton, mas precisaria de mais condições e mais código que acabariam muito mais detalhados.

Agora, para mousePressed()sermos chamados para sempre (caso contrário, ele apenas pararia depois que o programa acabou de ser iniciado), precisamos de uma draw()função.

void draw(){               //loop infinitely
  background(a);           //set the sketch's background to -a%2
  //if a ==  1, the background colour is set to almost black
  //if a == -1, the background colour is set to white
}

Uma caixa de seleção menor seria de 90 bytes (a caixa de seleção fica no canto superior esquerdo, para que possamos remover algumas condições do mouse):

int a=1;void draw(){fill(a);rect(0,0,8,8);}void mousePressed(){if(mouseX<9&mouseY<9)a=-1;}

HTML + JavaScript, 32 30 25 caracteres

<p onclick=innerHTML^=1>0

Shell Unix (+ x11-apps), 3 bytes

aviso Legal

A resposta abaixo é chata, limítrofe e "parece trapaça" (pelo menos para mim).

No entanto, ele não parece violar nenhuma das regras de desafio "conforme escritas" ou "brechas padrão", por isso estou publicando.

(Se você pode apontar uma regra específica que quebra, por favor, comente!)

Golfe

xgc

O programa xgc demonstra vários recursos das primitivas de gráficos X.

A tela xgc é realmente preenchida com várias caixas de seleção:

e "botões fixos" (que se qualificam como caixas de seleção, de acordo com as regras deste desafio):

Markdown com sabor do GitHub - 6 bytes

- [ ] 

(Há um espaço à direita)

Em uma essência:

AHK , 25 bytes

Gui,Add,Checkbox
Gui,Show

Resultado -

Arranhão, 2 blocos

Coloque esse script no sprite padrão (que vem com duas roupas)

Python REPL, 45 bytes

from tkinter import*
Checkbutton(Tk()).pack()

GeoGebra , 10 bytes

Checkbox[]

Introduzido na barra de entrada.

Aqui está um gif da execução:

Tcl / Tk, 21 bytes

Golfe

grid [checkbutton .c]

HTML com JavaScript - 136 124 120 115 113 111 109 79 bytes

<p style=height:20;border:solid onClick=t=this;t.innerHTML=(t.e=!t.e)?'x':''>

-2 com agradecimentos a @KritixiLithos

Reduzido para 79 depois de um golfe fantástico de @Jan. Embora a nova versão atenda aos requisitos, mantive a versão antiga por motivos de orgulho profissional.

Embora seja perfeitamente válido o uso de embutidos, achei mais divertido criar o meu a partir do zero. Testado com Chrome e Firefox. border:solidexiste para compatibilidade com o IE, mas não sei se ele é realmente necessário nas versões mais recentes do IE - não tenho o IE disponível para teste.

A pxaltura está lá para o benefício do "Trecho de código de execução", portanto, não está incluído na contagem de bytes "real". Funciona bem no navegador sem ele.

<p style=height:20px;border:solid onClick=t=this;t.innerHTML=(t.e=!t.e)?'x':''>

Versão anterior:

<p id=d style="width:20px;height:20px;border:solid 1px"onClick="d.innerHTML=d.innerHTML=='x'?'':'x'"align=center>

Minecraft 1.0.0, 1 byte

Uma alavanca no Minecraft atende a todos os critérios para uma caixa de seleção. Esta resposta é válida apenas para versões mais antigas do jogo em que apertar uma alavanca ainda a alterna.

Marcado com a contagem de bytes sugerida por @Connor O'Brien.

TI-Basic, 15 bytes

While 1:Shade(0,9:Input :ClrDraw:Input :End

Bastante direto. A caixa de seleção cobre aproximadamente 40% da tela e alterna entre preto e branco. Quando marcada, a tela será mais ou menos assim:

Qualquer versão da linha de comando do Windows, 3 bytes

(cmd.exe, lote, PowerShell, iniciar-> executar, qualquer que seja)

osk

Abre o teclado na tela, que possui várias "caixas de seleção", como teclas Shift, Ctrl, Alt e Capslock. Semelhante à resposta xgc e inspirado na captura de tela da resposta SmileBASIC.

Oitava, 36 20 bytes

uicontrol('sty','c')

Graças a @LuisMendo economizou 16 bytes!

KV Lang , 8 bytes

CheckBox

assumindo um ambiente Python realmente básico para o kv lang executar:

from kivy.app import runTouchApp
from kivy.lang import Builder
runTouchApp(Builder.load_string('CheckBox'))

Isso funciona basicamente porque o CheckBoxwidget Kivy está incluído em kivy.Factorycada widget da biblioteca padrão.

Essa sequência simples cria uma instância CheckBoxe, por runTouchAppesperar que um widget seja executado, eu posso usar Builder.load_string.

O plano de fundo de load_stringmanipula basicamente todas as cadeias de caracteres kv e, se houver uma única instância de um widget definida (por exemplo CheckBox), ela será elevada a uma posição de widget raiz , por exemplo:

Application
    openGL Window
        root widget(mostly layout)
            main tree
            and some widgets
            ...

SmileBASIC, 49 bytes

@L
O=T
TOUCH OUT T,,
X=T<O!=X
KEY 1,""[X]GOTO@L

e são uma caixa vazia e uma caixa marcada na fonte do SB.
Alterne a caixa de seleção tocando na tela (a coisa mais próxima a clicar com o mouse)

Trapaça respostas:

0 bytes:

(o teclado na tela possui botões que funcionam como caixas de seleção, como as maiúsculas e a tecla de inserção)

14 bytes:

EXEC"SYS/SBGED

Abre o editor gráfico incorporado, que possui vários botões semelhantes a caixas de seleção

C #, 124 120 bytes

economizou 4 bytes graças ao grabthefish.

nota: devido às edições, a imagem não representa exatamente o que o código faz, a "checkBox1" não é exibida com o código atual.

using System.Windows.Forms;class P{static void Main(){var a=new Form();a.Controls.Add(new CheckBox());a.ShowDialog();}}

ungolfed: using System.Windows.Forms; class P{ static void Main(){ var a=new Form(); a.Controls.Add(new CheckBox()); Application.Run(a); a.ShowDialog(); } }

Ruby com sapatos, 16 caracteres

Shoes.app{check}

Saída de amostra:

HTML com JavaScript, 46 33 28 bytes

<body onclick=innerHTML^=1>0

v2

<body onclick=this.innerHTML^=1>0

v1

<body onclick=t=this;t.innerHTML=t.e=!t.e||''>

Esta é uma variante da resposta do @ ElPedro: Crie uma caixa de seleção . Desceu para 28 bytes com a ajuda de @Albert Renshaw. Poderia ser reduzido ainda mais, mas isso tornaria idêntico a Criar uma caixa de seleção

Toda a área de aplicação é clicável. Ele será exibido 0no offestado e 1no onestado. Experimente em https://jsbin.com/nuhetiyocu/1/edit

PowerShell v5 +, 94 bytes

($a=[Windows.Forms.Form]::new()).Controls.Add([Windows.Forms.Checkbox]::new());$a.ShowDialog()

Isso é terrível, mas não posso obter as instruções mais curtas com Add-Typeor using namespace- e a variável é necessária, pois preciso reutilizar o objeto para mostrar o formulário e Controls.Add()não retorna nada útil.

ShowDialog é necessário no meu sistema para que a caixa seja interativa após a execução deste comando, caso contrário, o formulário será congelado.

também System.Windows.Forms.Formpode ser reduzido para Windows.Forms.Formantes que o sistema (pelo menos o meu) pare de concluir automaticamente em uma nova sessão.

Excel VBA, _{38 32 31} 29 bytes

Função Janela do intermediário que insere uma caixa de seleção de altura = 9 e largura = 9, na célula A1na primeira planilha do projeto ativo do VBA do Excel

Sheet1.CheckBoxes.Add 0,0,9,9

-6 Agradecimentos a pajonk por substituir [A1],[A1],9,9por0,0,9,9

-1 para substituir Sheets(1)por[Sheet1]

-2 para a realização do acima era burro e usando Sheet1em vez

VBA (Word), 74 57 bytes

-17 agradecimentos a Taylor Scott

Sub a()
f = a.FormFields.Add(Selection.Range, 71)
End Sub

O nome do arquivo do documento deve ser a.

Pug, 20 bytes

input(type=checkbox)

Clojure, 201 195 145 145 127 bytes

(ns c(:require[quil.core :as q]))(def a(atom nil))(q/defsketch b :draw #(q/background(if@a 0 99)):mouse-clicked #(swap! a not))

-6 bytes, livrando-se da necessidade m/fun-mode.

-50 bytes removendo as opções :setupe :size, pois elas são padrão e desnecessárias em não fun-mode. Também foi removida a importação desnecessária para o middleware.

-18 bytes graças a @ ASCII-only. Alterado para cores "menores" e removido um espaço desnecessário antes do operador de desreferência ( @).

Cria um esboço Quil (uma biblioteca Clojure que fornece uma camada sobre Processamento), portanto, isso requer que a biblioteca Quil seja executada.

(ns bits.golf.checkbox
  (:require [quil.core :as q]))

; Mutable global variable to hold the toggle state
(def a (atom nil))

(q/defsketch b
         ; Draw the background color to be either black or red depending on the toggle state.
         :draw #(apply q/background (if @a [0 0 0] [255 0 0]))

         ; Negate the state on mouse click
         :mouse-clicked #(swap! a not))

Linguagem de script da operação Flashpoint , 273 bytes

Para mostrar a caixa de seleção:

createDialog"b"

Mas primeiro deve ser definido:

Salve o seguinte em um arquivo nomeado description.extna pasta mission:

class b{idd=999;movingEnable=1;class controls{class c{idc=457;x=0.1;y=0.1;w=0.1;h=0.1;text="";action="if(ctrlText 457=={})then{ctrlSetText[457,{V}]}else{ctrlSetText[457,{}]}";type=1;style=2;colorText[]={1,1,1,1};font="tahomaB36";sizeEx=0.1;}}}

A caixa de seleção em ação:

AutoIt , 78 bytes

GUICreate(0)
GUISetState(GUICtrlCreateCheckbox(0,0,0))
Do
Until GUIGetMsg()=-3

Abre uma janela maximizada que pode ser fechada como qualquer outra janela. A maximização e ... em cima é um efeito colateral do golfe.

Python, 62 bytes

from tkinter import*
a=Tk()
Checkbutton(a).pack()
a.mainloop()