Escriba un programa que cree una casilla de verificación de dos estados con la que las personas puedan interactuar usando un mouse.

Específicamente, su programa debe lograr todo lo siguiente:

1. Tenga una región de 8 × 8 píxeles (o más grande si lo desea) de la pantalla que es el área en la que se puede hacer clic en la casilla de verificación. En adelante, esta región se llama simplemente la casilla de verificación.

2. Cuando el cursor del mouse se mueve dentro de la casilla de verificación y se presiona el botón predeterminado del mouse *, la casilla de verificación debe alternar los estados.
   Marcado se desmarca. Sin marcar se comprueba.

3. La casilla de verificación no debe moverse cuando se alterna.

4. En el estado marcado, la casilla de verificación puede ser de cualquier color.

5. En el estado desmarcado, la casilla de verificación puede tener cualquier color siempre que al menos 16 píxeles sean visualmente distintos del estado marcado .

6. En una sola instancia de programa, todos los estados marcados deben ser visualmente idénticos entre sí y todos los estados no verificados deben ser visualmente idénticos entre sí.

7. No finalice el programa hasta que finalice explícitamente (por ejemplo, mediante el botón de salida o Alt + F4), de modo que un usuario pueda hacer clic en la casilla de verificación todo lo que quiera.

^{* Puede suponer que el botón predeterminado del mouse siempre es hacer clic con el botón izquierdo, pero también está bien usar el predeterminado como lo define el software del mouse o el sistema operativo, que en realidad no se puede hacer clic izquierdo según el usuario.}

Notas

• No importa lo que esté fuera de su región de casilla de verificación. Podría ser solo el escritorio. Podría ser una parte de una consola que cambia en cada alternar.

• No importa en qué estado comience su casilla de verificación.

• La región de la casilla de verificación puede tener cualquier dimensión igual o superior a 8 × 8 píxeles. No necesita ser cuadrado.

• Puede tener en cuenta los ajustes menores que están fuera de su control, como el tamaño de fuente de la consola, el zoom del navegador, la resolución del monitor, etc. Mientras su programa funcione en una configuración de prueba razonable, debería ser válido.

• Si su programa abre una ventana, puede suponer que se ha arrastrado a una ubicación apropiada en la pantalla si es necesario (por ejemplo, la esquina superior izquierda).

• Puede usar lenguajes de marcado como HTML u otros lenguajes que generalmente no consideramos como lenguajes de programación completos.

• Su casilla de verificación debe poder alternarse con el botón predeterminado del mouse. Está bien si también alterna para otras formas de entrada (por ejemplo, el botón derecho del mouse), con la excepción del movimiento del mouse . es decir, el estado no debería cambiar si el mouse simplemente se mueve dentro de la casilla de verificación.

• ¡Se recomiendan las capturas de pantalla de su casilla de verificación en acción!

Puntuación

El código más corto en bytes gana.

Ejemplo

Un ejemplo HTML canónico en 23 bytes.

<input type="checkbox">

Para mí en Google Chrome, esto hace que una casilla de verificación de 12 × 12 píxeles y unos 30 píxeles cambien claramente entre los estados marcados y no marcados.

Tengo en cuenta que el zoom del navegador está al 100%.

Mathematica, 10 bytes

Checkbox[]

Asume el entorno del cuaderno de Mathematica .

Los dos estados se ven así:

HTML, 20 bytes

No sé cuán válido será esto como respuesta. HTML requiere que la etiqueta se cierre para validar legalmente, pero los navegadores modernos las cerrarán automáticamente para que sea ejecutable.

<input type=checkbox

Bash , 67 55 50 35 32 31 bytes

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

El código contiene un byte CR (primera línea nueva) y un byte CSI (pequeño corchete en ángulo recto con la codificación Windows-1252). Requiere xterm (o equivalente) y la codificación ISO-8859-1 (o similar).

El código define una función denominada :, que muestra alternativamente un blanco 1 o 0 en un rectángulo negro. Hay exactamente 24 píxeles diferentes con la configuración predeterminada de xterm. ( prueba )

Para una versión anterior que alterna el color de todo el terminal, verifique la revisión 10 de esta respuesta.

¡Gracias a @ ais523 por sugerir xterm, que ahorra 4 bytes!

Cómo funciona

:(...)crea una función llamada :que se ejecuta ....

El comando de lectura hace la magia real.

• -p especifica una solicitud de entrada, que se imprime en STDOUT.

  • $[i^=1]es una expansión aritmética que XOR la ​​variable i con 1 . i puede ser inicialmente unset; cuando esto ocurra, será tratado como 0 .

  • El retorno de carro coloca el cursor hacia atrás al comienzo de la línea.

  • ›?9hcaptura el mouse en terminales compatibles. Cada clic enviará seis caracteres al terminal, es decir ←[Mbxy, donde ←representa el byte ESC ( 0x1b ). ←[indica una secuencia de escape, Mel mouse, bel botón ( 0x20 + el número del botón), xla coordenada x del clic ( 0x20 + coordenada) y yla coordenada y .

  • -sn6hace que la lectura sea silenciosa (la entrada del mouse no se repetirá en STDERR) y se detiene después de leer exactamente 6 bytes. Guarda la entrada en la variable REPLY , pero no estamos interesados ​​en la salida que produce.

Finalmente, una vez que finaliza la lectura (después de hacer exactamente un clic con el mouse), se :llama recursivamente, ingresando un bucle infinito.

Creación e invocación.

$ 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

Salida

Procesamiento, 78 66 65 63 61 bytes

2 bytes guardados gracias a @TuukkaX utilizando en -a%2lugar dea%2*-1

2 bytes guardados gracias a @TuukkaX usando a=-a

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

La casilla de verificación alterna entre ser blanco y negro.

Explicación

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

Ahora hay muchas otras alternativas, como usar una instrucción if para procesar esto, pero luego se vuelve extraño y cambia constantemente el fondo mientras se presiona el mouse. Primero lo intenté mouseButton, pero luego necesitaría más condiciones y más código que terminará siendo mucho más detallado.

Ahora, para mousePressed()ser llamado para siempre (de lo contrario, se detendría una vez que el programa acaba de comenzar), necesitamos una draw()función.

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
}

Una casilla de verificación más pequeña sería de 90 bytes (la casilla de verificación está en la esquina superior izquierda, por lo que podemos eliminar algunas condiciones del 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

Unix Shell (+ x11-apps), 3 bytes

Descargo de responsabilidad

La respuesta a continuación es aburrida, limítrofe y "hace trampa" (al menos para mí).

Sin embargo, no parece violar ninguna de las reglas de desafío "tal como están escritas" o "lagunas predeterminadas", así que lo estoy publicando.

(Si puede señalar una regla específica que no cumple, ¡comente!)

Golfed

xgc

El programa xgc muestra varias características de las primitivas de gráficos X.

La pantalla xgc en realidad está llena de varias casillas de verificación:

y "botones adhesivos" (que califican como casillas de verificación, bajo las reglas de este desafío):

Markit con sabor a GitHub - 6 bytes

- [ ] 

(Hay un espacio final)

En una esencia:

AHK , 25 bytes

Gui,Add,Checkbox
Gui,Show

Salida -

Scratch, 2 bloques

Pon este script en el sprite predeterminado (que viene con 2 disfraces)

Python REPL, 45 bytes

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

GeoGebra , 10 bytes

Checkbox[]

Ingresado en la barra de entrada.

Aquí hay un gif de la ejecución:

Tcl / Tk, 21 bytes

Golfed

grid [checkbutton .c]

HTML con 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 con agradecimiento a @KritixiLithos

Reducido a 79 después de un fantástico golf de @Jan. Aunque la nueva versión cumple con los requisitos, he mantenido la versión anterior por razones de orgullo profesional.

Si bien es perfectamente válido usar elementos integrados, pensé que era más divertido crear el mío desde cero. Probado con Chrome y Firefox. border:solidestá ahí para la compatibilidad con IE, pero no sé si realmente es necesario en las versiones más nuevas de IE; no tengo IE disponible para probar.

La pxaltura está ahí para el beneficio de "Ejecutar fragmento de código", por lo que no se incluye en el recuento de bytes "real". Funciona bien en el navegador sin él.

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

Versión previa:

<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

Una palanca en Minecraft cumple con todos los criterios para una casilla de verificación. Esta respuesta solo es válida para versiones anteriores del juego donde golpear una palanca todavía la alterna.

Anotado usando el conteo de bytes sugerido de @Connor O'Brien.

TI-Basic, 15 bytes

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

Bastante sencillo. La casilla de verificación cubre aproximadamente el 40% de la pantalla y alterna entre blanco y negro. Cuando está marcada, la pantalla se verá así:

Cualquier versión de la línea de comandos de Windows, 3 bytes.

(cmd.exe, lote, powershell, inicio-> ejecutar, lo que sea)

osk

Abre el teclado en pantalla que tiene varias "casillas de verificación" como shift, ctrl, alt, teclas de mayúsculas Similar a la respuesta xgc, e inspirado en la captura de pantalla de respuesta SmileBASIC.

Octava, 36 20 bytes

uicontrol('sty','c')

¡Gracias a @LuisMendo ahorró 16 bytes!

KV Lang , 8 bytes

CheckBox

suponiendo un entorno Python realmente básico para que kv lang incluso se ejecute:

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

Esto funciona básicamente porque CheckBoxes un widget Kivy incluido en kivy.Factorycada widget de la biblioteca estándar.

Esa cadena simple crea una instancia de CheckBoxy debido runTouchAppa que espero que se ejecute un widget que puedo usar Builder.load_string.

El fondo de load_stringmaneja básicamente cada cadena kv y si hay una sola instancia de un widget definido (por ejemplo CheckBox), entonces se eleva a una posición de widget raíz , por ejemplo:

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

y son una casilla vacía y una casilla marcada en la fuente de SB.
Cambie la casilla de verificación tocando la pantalla (lo más parecido a hacer clic con el mouse)

Hacer trampa respuestas:

0 bytes:

(el teclado en pantalla tiene botones que actúan como casillas de verificación, como el bloqueo de mayúsculas y las teclas de inserción)

14 bytes:

EXEC"SYS/SBGED

Abre el editor de gráficos incorporado, que tiene varios botones tipo casilla de verificación

C #, 124 120 bytes

ahorrado 4 bytes gracias a grabthefish.

nota: debido a las ediciones, la imagen no representa exactamente lo que hace el código, el "checkBox1" no se muestra con el código actual.

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

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

Rubí con zapatos, 16 personajes

Shoes.app{check}

Salida de muestra:

HTML con 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 es una variante de la respuesta de @ ElPedro: Crear una casilla de verificación . Se redujo a 28 bytes con la ayuda de @Albert Renshaw Se podría reducir aún más, pero eso lo haría idéntico a Crear una casilla de verificación

Se puede hacer clic en toda el área de aplicación. Se mostrará 0en el offestado y 1en el onestado. Pruébelo en https://jsbin.com/nuhetiyocu/1/edit

Powershell v5 +, 94 bytes

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

Esto es bastante terrible, pero no puedo acortar las declaraciones con ninguno Add-Typeo using namespace- y la variable es obligatoria, ya que necesito reutilizar el objeto para mostrar el formulario y Controls.Add()no devuelve nada utilizable.

ShowDialog es obligatorio en mi sistema que el cuadro sea interactivo después de ejecutar este comando; de lo contrario, el formulario está congelado.

También System.Windows.Forms.Formsolo se puede acortar a Windows.Forms.Formantes (al menos el mío) el sistema deja de completarlo automáticamente en una nueva sesión.

Excel VBA, _{38 32 31} 29 Bytes

Función de ventana inmediata que inserta una casilla de verificación de altura = 9 y ancho = 9, en la celda A1en la primera hoja del proyecto VBA de Excel activo

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

-6 Gracias a pajonk por reemplazar [A1],[A1],9,9con0,0,9,9

-1 para reemplazar Sheets(1)con[Sheet1]

-2 para darse cuenta de lo anterior fue estúpido y usar en su Sheet1lugar

VBA (Word), 74 57 bytes

-17 gracias a Taylor Scott

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

El nombre del archivo del documento debe ser a.

Pug, 20 bytes

input(type=checkbox)

Clojure, 201 195 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 eliminando la necesidad de m/fun-mode.

-50 bytes eliminando las opciones :setupy :size, ya que son predeterminadas e innecesarias en non- fun-mode. También se eliminó la importación innecesaria de middleware.

-18 bytes gracias a @ ASCII-only. Cambió a colores "más pequeños" y eliminó un espacio innecesario antes del operador de desreferencia ( @).

Crea un boceto de Quil (una biblioteca Clojure que proporciona una capa sobre el procesamiento), por lo tanto, esto requiere que se ejecute la biblioteca Quil.

(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))

Lenguaje de script Operation Flashpoint , 273 bytes

Para mostrar la casilla de verificación:

createDialog"b"

Pero primero debe definirse:

Guarde lo siguiente en un archivo nombrado description.exten la carpeta de la misión:

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;}}}

La casilla de verificación en acción:

AutoIt , 78 Bytes

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

Abre una ventana maximizada que puede cerrarse como cualquier otra ventana de ventanas. La maximización y ... en la parte superior es un efecto secundario del golf.

Python, 62 bytes

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