Ecrivez un programme qui crée une case à cocher à deux états avec laquelle les gens peuvent interagir à l'aide d'une souris.

Plus précisément, votre programme doit atteindre tous les objectifs suivants:

1. Avoir une zone de 8 × 8 pixels (ou plus grande si désiré) de l'écran qui est la zone cliquable de la case à cocher. Désormais cette région s'appelle simplement la case à cocher.

2. Lorsque le curseur de la souris est déplacé dans la case à cocher et que le bouton de souris * par défaut est enfoncé, la case à cocher doit basculer entre les états.
   Coché devient décoché. Décoché devient coché.

3. La case à cocher ne doit pas bouger quand on la bascule.

4. A l'état coché, la case à cocher peut être n'importe quelle couleur.

5. Si la case à cocher n'est pas cochée, la case à cocher peut contenir n'importe quelle couleur, à condition qu'au moins 16 pixels soient visuellement différents de l'état coché .

6. Dans une seule instance de programme, tous les états cochés doivent être visuellement identiques les uns aux autres et tous les états non vérifiés doivent être visuellement identiques les uns aux autres.

7. Ne terminez pas le programme tant qu'il n'est pas explicitement terminé (par exemple, via le bouton de sortie ou Alt + F4), afin qu'un utilisateur puisse cliquer autant que nécessaire sur la case à cocher.

^{* Vous pouvez supposer que le bouton de la souris par défaut correspond toujours à un clic gauche, mais il est également judicieux d'utiliser le paramètre par défaut défini par le logiciel de la souris ou le système d'exploitation, ce qui peut ne pas être en fait un clic gauche, en fonction de l'utilisateur.}

Remarques

• Peu importe ce qui se trouve en dehors de votre zone de case à cocher. Cela pourrait juste être le bureau. Il peut s'agir d'une partie d'une console qui change à chaque basculement.

• Peu importe dans quel état votre case à cocher commence.

• La zone de case à cocher peut avoir des dimensions égales ou supérieures à 8 × 8 pixels. Ce n'est pas nécessairement carré.

• Vous pouvez accorder des tolérances mineures pour les paramètres hors de votre contrôle, tels que la taille de la police de la console, le zoom du navigateur, la résolution du moniteur, etc. Tant que votre programme fonctionne dans un paramètre de test raisonnable, il doit être valide.

• Si votre programme ouvre une fenêtre, vous pouvez en déduire que celle-ci a été déplacée vers un emplacement approprié de l'écran si nécessaire (par exemple, le coin supérieur gauche).

• Vous pouvez utiliser des langages de balisage tels que HTML ou d'autres langages que nous ne considérons généralement pas comme des langages de programmation à part entière.

• Votre case à cocher doit être permutable en utilisant le bouton de la souris par défaut. C'est bien s'il bascule également pour d'autres formes de saisie (par exemple, le bouton droit de la souris), à l'exception du déplacement de la souris . c'est-à-dire que l'état ne devrait pas changer si la souris est simplement déplacée dans la case à cocher.

• Les captures d'écran de votre case à cocher en action sont vivement encouragées!

Notation

Le code le plus court en octets gagne.

Exemple

Un exemple HTML canonique de 23 octets.

<input type="checkbox">

Pour moi, dans Google Chrome, cela fait une case à cocher de 12 × 12 pixels et environ 30 pixels changent clairement entre les états cochés et non cochés.

Je tiens compte du fait que le zoom du navigateur est à 100%.

Mathematica, 10 octets

Checkbox[]

Suppose l' environnement de cahier de Mathematica .

Les deux états ressemblent à ceci:

HTML, 20 octets

Je ne sais pas à quel point cela sera valable comme réponse. HTML nécessite que la balise soit fermée pour validation légale, mais les navigateurs modernes les fermeront automatiquement afin qu'elle soit exécutable.

<input type=checkbox

Bash , 67 55 50 35 32 31 octets

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

Le code contient un octet CR (première nouvelle ligne) et un octet CSI (petit crochet à angle droit avec le codage Windows-1252). Il nécessite xterm (ou équivalent) et le codage ISO-8859-1 (ou similaire).

Le code définit une fonction nommée :, qui affiche alternativement un 1 blanc ou un 0 blanc dans un rectangle noir. Il y a exactement 24 pixels différents avec les paramètres par défaut de xterm. ( preuve )

Pour une version plus ancienne qui change la couleur de tout le terminal, vérifiez la révision 10 de cette réponse.

Merci à @ ais523 d’avoir suggéré xterm, ce qui économise 4 octets!

Comment ça fonctionne

:(...)crée une fonction nommée :qui s'exécute ....

La commande de lecture fait la magie réelle.

• -p spécifie une invite d'entrée qui est imprimée sur STDOUT.

  • $[i^=1]est une expansion arithmétique qui XORs la variable i avec 1 . je peux être initialement non réglé; lorsque cela se produit, il sera traité comme 0 .

  • Le retour chariot replace le curseur au début de la ligne.

  • ›?9hcapture la souris dans les terminaux pris en charge. Chaque clic enverra six caractères au terminal, à savoir ←[Mbxy, où ←représente l'octet ESC ( 0x1b ). ←[indique une séquence d'échappement, Mla souris, ble bouton ( 0x20 + le numéro du bouton), xla coordonnée x du clic ( coordonnée 0x20 +) et yla coordonnée y .

  • -sn6rend la lecture silencieuse (l'entrée de la souris ne sera pas répercutée sur STDERR) et s'arrête après avoir lu exactement 6 octets. Il enregistre l'entrée dans la variable REPLY , mais le résultat qu'il produit ne nous intéresse pas.

Enfin, une fois la lecture terminée (après un clic de souris), :s’appelle de manière récursive et entre dans une boucle infinie.

Création et invocation

$ 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

Sortie

Traitement, 78 66 65 63 61 octets

2 octets enregistrés grâce à @TuukkaX en utilisant à la -a%2place dea%2*-1

2 octets enregistrés grâce à @TuukkaX en utilisant a=-a

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

La case à cocher alterne entre noir et blanc.

Explication

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

Il existe maintenant de nombreuses autres solutions, telles que l’utilisation d’une instruction if pour traiter cela, mais cela devient étrange et change constamment l’arrière-plan lorsque vous appuyez sur la souris. J'ai d'abord essayé mouseButton, mais j'aurais alors besoin de plus de conditions et de code qui finirait par être beaucoup plus bavard.

Maintenant, pour mousePressed()pouvoir être appelé pour toujours (sinon, le programme s’arrêtera juste après le début du programme), nous avons besoin d’une draw()fonction.

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
}

Une petite case à cocher serait de 90 octets (la case à cocher se trouve dans le coin supérieur gauche, nous pouvons donc supprimer certaines conditions de la souris):

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 caractères

<p onclick=innerHTML^=1>0

Unix Shell (+ x11-apps), 3 octets

Avertissement

La réponse ci-dessous est ennuyeuse, limite et "sent tricher" (du moins pour moi).

Pourtant, il ne semble pas enfreindre les règles du challenge "telles qu'écrites", ni les "échappatoires par défaut", alors je les publie.

(Si vous pouvez indiquer une règle spécifique qui est enfreinte, veuillez commenter!)

Golfé

xgc

Le programme xgc illustre diverses fonctionnalités des primitives graphiques X.

L’ écran xgc contient en réalité plusieurs cases à cocher:

et "boutons collants" (qui sont considérés comme des cases à cocher, selon les règles de ce défi):

GitHub Flavored Markdown - 6 octets

- [ ] 

(Il y a un espace de fuite)

En bref:

AHK , 25 octets

Gui,Add,Checkbox
Gui,Show

Sortie -

Scratch, 2 blocs

Mettez ce script dans le sprite par défaut (qui vient avec 2 costumes)

Python REPL, 45 octets

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

GeoGebra , 10 octets

Checkbox[]

Entré dans la barre de saisie.

Voici un gif de l'exécution:

Tcl / Tk, 21 octets

Golfé

grid [checkbutton .c]

HTML avec JavaScript - 136 124 120 115 113 111 109 79 octets

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

-2 grâce à @KritixiLithos

Réduit à 79 après une partie de golf fantastique de @Jan. Bien que la nouvelle version réponde aux exigences, j'ai conservé l'ancienne version pour des raisons de fierté professionnelle.

Bien qu'il soit parfaitement valide d'utiliser les fonctions intégrées, j'ai pensé qu'il était plus amusant de créer le mien à partir de rien. Testé avec Chrome et Firefox. border:solidexiste-t-il pour la compatibilité IE mais je ne sais pas si cela est réellement nécessaire dans les nouvelles versions d'IE - je n'ai pas IE disponible pour tester.

Le pxdans la hauteur est là pour l'avantage de "Run code snippet" donc n'est pas inclus dans le "réel" nombre d'octets. Cela fonctionne bien dans le navigateur sans cela.

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

La version précédente:

<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 octet

Un levier dans Minecraft répond à tous les critères pour une case à cocher. Cette réponse n’est valable que pour les anciennes versions du jeu où la frappe est toujours activée.

Marqué selon le nombre d'octets suggéré par @Connor O'Brien.

TI-Basic, 15 octets

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

Assez simple. La case à cocher couvre environ 40% de l'écran et alterne entre noir et blanc. Lorsque coché, l’écran ressemblera à quelque chose comme ceci:

Toute version de la ligne de commande Windows, 3 octets

(cmd.exe, batch, powershell, start-> run, peu importe)

osk

Ouvre le clavier à l'écran qui comporte plusieurs "cases à cocher" telles que Maj, Ctrl, Alt, Touches majuscules. Similaire à la réponse xgc et inspiré de la capture d'écran de la réponse SmileBASIC.

Octave, 36 20 octets

uicontrol('sty','c')

Grâce à @LuisMendo, 16 octets ont été sauvegardés!

KV Lang , 8 octets

CheckBox

en supposant qu'un environnement Python vraiment basique pour que kv lang s'exécute même:

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

Cela fonctionne essentiellement parce CheckBoxqu’un widget de Kivy est inclus dans kivy.Factorychaque widget de la bibliothèque standard.

Cette simple chaîne crée une instance de CheckBoxet à cause de l' runTouchAppattente d'un widget à exécuter, je peux l'utiliser Builder.load_string.

L'arrière-plan des load_stringpoignées correspond à peu près à chaque chaîne de kv. Si une seule instance d'un widget est définie (par exemple CheckBox), elle est élevée à la position d' un widget racine , par exemple:

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

SmileBASIC, 49 octets

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

et sont une case vide et une case cochée dans la police de SB.
Basculez la case à cocher en touchant l'écran (la chose la plus proche de cliquer avec une souris)

Tricher les réponses:

0 octet:

(le clavier à l'écran comporte des boutons qui agissent comme des cases à cocher, telles que le verrouillage des majuscules et les touches d'insertion)

14 octets:

EXEC"SYS/SBGED

Ouvre l'éditeur graphique intégré, qui comporte plusieurs boutons ressemblant à des cases à cocher

C #, 124 120 octets

sauvé 4 octets grâce à grabthefish.

Remarque: en raison des modifications apportées, l'image ne représente pas exactement ce que le code crée, "checkBox1" n'est pas affiché avec le code actuel.

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

Rubis avec chaussures, 16 personnages

Shoes.app{check}

Exemple de sortie:

HTML avec JavaScript, 46 33 28 octets

<body onclick=innerHTML^=1>0

v2

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

v1

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

Ceci est une variante de la réponse de @ ElPedro: Créer une case à cocher . Réduit à 28 octets à l'aide de @Albert Renshaw Il pourrait être encore réduit, mais cela le rendrait identique à Créer une case à cocher

Toute la zone d'application est cliquable. Il affichera 0dans l' offétat et 1dans l' onétat. Essayez-le à l' adresse https://jsbin.com/nuhetiyocu/1/edit

Powershell v5 +, 94 octets

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

C'est assez terrible, mais je ne peux pas raccourcir les instructions avec Add-Typeor ou using namespace- et la variable est obligatoire, car je dois réutiliser l'objet pour afficher le formulaire et Controls.Add()ne renvoie rien d'utilisation.

ShowDialog est obligatoire sur mon système pour que la boîte soit interactive après avoir exécuté cette commande, sinon le formulaire est gelé.

De plus, le système System.Windows.Forms.Formne peut être raccourci que lorsque le système Windows.Forms.Form(du moins le mien) arrête de le terminer automatiquement lors d’une nouvelle session.

Excel VBA, _{38 32 31} 29 octets

Fonction Immédiat de la fenêtre qui insère une case à cocher de hauteur = 9 et largeur = 9, dans la cellule A1de la première feuille du projet Excel VBA actif

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

-6 Merci à pajonk d'avoir remplacé [A1],[A1],9,9par0,0,9,9

-1 pour remplacer Sheets(1)par[Sheet1]

-2 pour réaliser ce qui précède était stupide et utiliser à la Sheet1place

VBA (Word), 74 57 octets

-17 grâce à Taylor Scott

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

Le nom de fichier du document doit être un.

Carlin, 20 octets

input(type=checkbox)

Clojure, 201 195 145 127 octets

(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 octets en éliminant le besoin m/fun-mode.

-50 octets en supprimant les options :setupet :size, car elles sont par défaut et inutiles en non fun-mode. Également supprimé l'importation inutile pour le middleware.

-18 octets grâce à @ ASCII uniquement. Remplacé par des couleurs "plus petites" et suppression d'un espace inutile avant l'opérateur de déréférence ( @).

Crée un croquis Quil (une bibliothèque Clojure qui fournit une couche sur Traitement), par conséquent, la bibliothèque Quil doit être exécutée.

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

Langage de script Operation Flashpoint , 273 octets

Pour afficher la case à cocher:

createDialog"b"

Mais il faut d’abord définir:

Enregistrez ce qui suit dans un fichier nommé description.extdans le dossier de la 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;}}}

La case à cocher en action:

AutoIt , 78 octets

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

Ouvre une fenêtre maximisée qui peut être fermée comme n'importe quelle autre fenêtre. La maximisation et ... la perfection sont un effet secondaire du golf.

Python, 62 octets

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