Schreiben Sie ein Programm, das ein Kontrollkästchen mit zwei Status erstellt, mit dem Benutzer mit einer Maus interagieren können.

Insbesondere sollte Ihr Programm Folgendes erreichen:

1. Stellen Sie einen Bildschirmbereich von 8 × 8 Pixel (oder, falls gewünscht, größer) als den anklickbaren Bereich des Kontrollkästchens ein. Diese Region wird fortan einfach als Checkbox bezeichnet.

2. Wenn der Mauszeiger innerhalb des Kontrollkästchens bewegt und die Standard-Maustaste * gedrückt wird, sollte das Kontrollkästchen den Status umschalten.
   Aktiviert wird deaktiviert. Nicht angehakt wird angehakt.

3. Das Kontrollkästchen sollte sich beim Umschalten nicht bewegen.

4. Im aktivierten Zustand kann das Kontrollkästchen eine beliebige Farbe haben.

5. Im deaktivierten Zustand kann das Kontrollkästchen eine beliebige Farbe haben , solange sich mindestens 16 Pixel visuell vom aktivierten Zustand unterscheiden .

6. In einer einzelnen Programminstanz sollten alle aktivierten Zustände visuell identisch sein und alle nicht aktivierten Zustände sollten visuell identisch sein.

7. Beenden Sie das Programm erst, wenn es explizit beendet wurde (z. B. über die Schaltfläche "Beenden" oder Alt + F4), damit ein Benutzer das Kontrollkästchen so oft anklicken kann, wie er möchte.

^{* Sie können davon ausgehen, dass die Standard-Maustaste immer mit der linken Maustaste gedrückt wird. Es ist jedoch auch in Ordnung, die von der Maussoftware oder dem Betriebssystem festgelegte Standard-Maustaste zu verwenden, die je nach Benutzer möglicherweise nicht mit der linken Maustaste gedrückt wird.}

Anmerkungen

• Es spielt keine Rolle, was sich außerhalb Ihrer Kontrollkästchenregion befindet. Es könnte nur der Desktop sein. Dies kann ein Teil einer Konsole sein, der sich bei jedem Wechsel ändert.

• Es spielt keine Rolle, in welchem ​​Status Ihr Kontrollkästchen startet.

• Der Kontrollkästchenbereich kann beliebige Abmessungen bei oder über 8 × 8 Pixeln haben. Es muss nicht quadratisch sein.

• Möglicherweise berücksichtigen Sie geringfügig Einstellungen, die außerhalb Ihrer Kontrolle liegen, z. B. die Schriftgröße der Konsole, den Browserzoom, die Bildschirmauflösung usw. Solange Ihr Programm in einer angemessenen Testeinstellung ausgeführt wird, sollte es gültig sein.

• Wenn Ihr Programm ein Fenster öffnet, können Sie davon ausgehen, dass es bei Bedarf an eine geeignete Stelle auf dem Bildschirm gezogen wurde (z. B. in der oberen linken Ecke).

• Sie können Auszeichnungssprachen wie HTML oder andere Sprachen verwenden, die wir normalerweise nicht als vollwertige Programmiersprachen betrachten.

• Ihr Kontrollkästchen muss mit der Standard-Maustaste umschaltbar sein. Es ist in Ordnung, wenn mit Ausnahme der Mausbewegung auch auf andere Eingabeformen (z. B. rechte Maustaste) umgeschaltet wird . dh der Zustand sollte sich nicht ändern, wenn die Maus nur innerhalb der Checkbox bewegt wird.

• Screenshots Ihres Kontrollkästchens in Aktion sind ausdrücklich erwünscht!

Wertung

Der kürzeste Code in Bytes gewinnt.

Beispiel

Ein kanonisches HTML-Beispiel in 23 Bytes.

<input type="checkbox">

Für mich in Google Chrome bedeutet dies, dass ein Kontrollkästchen mit 12 × 12 Pixeln angezeigt wird und ungefähr 30 Pixel deutlich zwischen aktivierten und deaktivierten Status wechseln.

Ich gehe davon aus, dass der Browser-Zoom 100% beträgt.

Mathematica, 10 Bytes

Checkbox[]

Übernimmt die Notebook-Umgebung von Mathematica .

Die beiden Zustände sehen folgendermaßen aus:

HTML, 20 Bytes

Ich weiß nicht, wie gültig dies als Antwort sein wird. HTML erfordert, dass das Tag geschlossen wird, damit es rechtsgültig ist. Moderne Browser schließen es jedoch automatisch, damit es ausführbar ist.

<input type=checkbox

Bash , 67 55 50 35 32 31 Bytes

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

Der Code enthält ein CR-Byte (erste Zeile) und ein CSI-Byte (kleine eckige Klammer mit der Windows-1252-Codierung). Es erfordert xterm (oder ein gleichwertiges) und die ISO-8859-1-Codierung (oder ähnliches).

Der Code definiert eine benannte Funktion :, die abwechselnd eine weiße 1 oder 0 in einem schwarzen Rechteck anzeigt . Es gibt genau 24 unterschiedliche Pixel mit den Standardeinstellungen von xterm. ( Beweis )

Bei einer älteren Version, bei der die Farbe des gesamten Terminals umgeschaltet wird, überprüfen Sie Revision 10 dieser Antwort.

Vielen Dank an @ ais523 für die Empfehlung von xterm, das 4 Bytes einspart!

Wie es funktioniert

:(...)Erstellt eine Funktion mit dem Namen :, die ausgeführt wird ....

Der Lesebefehl führt die eigentliche Magie aus.

• -p Gibt eine Eingabeaufforderung an, die an STDOUT ausgegeben wird.

  • $[i^=1]ist eine arithmetische Erweiterung, die die Variable i mit 1 XOR verknüpft . ich kann anfangs unset sein; In diesem Fall wird es als 0 behandelt .

  • Der Wagenrücklauf setzt den Cursor wieder an den Zeilenanfang.

  • ›?9hFängt die Maus in unterstützten Terminals ein. Mit jedem Klick werden sechs Zeichen an das Terminal gesendet←[Mbxy , wobei ←das ESC-Byte ( 0x1b ) dargestellt wird. ←[Gibt eine Escape-Sequenz, Mdie Maus, bdie Schaltfläche ( 0x20 + die Schaltflächennummer), xdie x- Koordinate des Klicks ( 0x20 + Koordinate) und ydie y- Koordinate an.

  • -sn6Schaltet das Lesen stumm (die Mauseingabe wird nicht an STDERR weitergegeben) und stoppt nach dem Lesen von genau 6 Bytes. Die Eingabe wird in der Variablen REPLY gespeichert , die Ausgabe interessiert uns jedoch nicht.

Schließlich, sobald Lese beendet (nach genau einem Mausklick), :ruft rekursiv selbst, eine Endlosschleife eingeben.

Schaffung und Anrufung

$ 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

Ausgabe

Verarbeitung, 78 66 65 63 61 Bytes

2 Bytes gespart dank @TuukkaX durch Verwendung von -a%2anstelle vona%2*-1

2 Bytes gespart dank @TuukkaX mit a=-a

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

Das Kontrollkästchen wechselt zwischen Schwarz und Weiß.

Erläuterung

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

Jetzt gibt es viele andere Alternativen, wie die Verwendung einer if-Anweisung, um dies zu verarbeiten, aber dann wird es seltsam und ändert ständig den Hintergrund, während die Maus gedrückt wird. Ich habe es zuerst versucht mouseButton, aber dann brauche ich mehr Bedingungen und Code, der viel ausführlicher wird.

Um nun für mousePressed()immer aufgerufen zu werden (andernfalls würde es einfach aufhören, nachdem das Programm gerade gestartet wurde), benötigen wir eine draw()Funktion.

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
}

Ein kleineres Kontrollkästchen wäre 90 Bytes (das Kontrollkästchen befindet sich in der oberen linken Ecke, damit wir einige Mausbedingungen entfernen können):

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 Zeichen

<p onclick=innerHTML^=1>0

Unix-Shell (+ x11-apps), 3 Bytes

Haftungsausschluss

Die Antwort unten ist langweilig, grenzwertig und "fühlt sich betrogen an" (zumindest für mich).

Es scheint jedoch keine der Herausforderungsregeln "wie geschrieben" oder "Standardlücken" zu verletzen, also poste ich es.

(Wenn Sie eine bestimmte Regel angeben können, die verletzt wird, kommentieren Sie sie bitte!)

Golf gespielt

xgc

Das Programm xgc demonstriert verschiedene Funktionen der X-Grafikprimitive.

Der xgc- Bildschirm ist tatsächlich mit verschiedenen Kontrollkästchen gefüllt:

und "Sticky Buttons" (die sich nach diesen Herausforderungsregeln als Kontrollkästchen qualifizieren):

GitHub Flavored Markdown - 6 Bytes

- [ ] 

(Es gibt ein Leerzeichen)

Im Kern:

AHK , 25 Bytes

Gui,Add,Checkbox
Gui,Show

Ausgabe -

Kratzer, 2 Blöcke

Setze dieses Skript in das Standard-Sprite ein (welches mit 2 Kostümen geliefert wird)

Python REPL, 45 Bytes

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

GeoGebra , 10 Bytes

Checkbox[]

Eingetragen in die Eingabeleiste.

Hier ist ein GIF der Ausführung:

Tcl / Tk, 21 Byte

Golf gespielt

grid [checkbutton .c]

HTML mit 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 mit Dank an @KritixiLithos

Reduziert auf 79 nach fantastischem Golfen von @Jan. Obwohl die neue Version den Anforderungen entspricht, habe ich aus beruflichen Gründen die alte Version beibehalten.

Die Verwendung von Built-Ins ist zwar durchaus zulässig, aber es hat mir mehr Spaß gemacht, meine eigenen von Grund auf neu zu erstellen. Getestet mit Chrome und Firefox. border:solidgibt es für die IE-Kompatibilität, aber ich weiß nicht, ob es tatsächlich in neueren IE-Versionen benötigt wird - ich habe keinen verfügbaren IE zum Testen.

Das pxin der Höhe ist zugunsten von "Code-Schnipsel ausführen" da, ist also nicht in der "echten" Byteanzahl enthalten. Es funktioniert gut im Browser ohne.

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

Vorherige Version:

<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

Ein Hebel in Minecraft erfüllt alle Kriterien für ein Kontrollkästchen. Diese Antwort ist nur für ältere Versionen des Spiels gültig, bei denen das Drücken eines Hebels noch umschaltet.

Bewertung mit der von @Connor O'Brien vorgeschlagenen Byteanzahl.

TI-Basic, 15 Bytes

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

Ziemliech direkt. Das Kontrollkästchen bedeckt ungefähr 40% des Bildschirms und wechselt zwischen Schwarz und Weiß. Wenn diese Option aktiviert ist, sieht der Bildschirm folgendermaßen aus:

Beliebige Version der Windows-Befehlszeile, 3 Byte

(cmd.exe, Batch, Powershell, Start -> Ausführen, was auch immer)

osk

Öffnet die Bildschirmtastatur mit mehreren "Kontrollkästchen" wie Umschalttaste, Strg-Taste, Alt-Taste und Feststelltaste.

Oktave, 36 20 Bytes

uicontrol('sty','c')

Dank @LuisMendo 16 Bytes gespart!

KV Lang , 8 Bytes

CheckBox

Unter der Annahme einer wirklich einfachen Python-Umgebung kann kv lang sogar ausgeführt werden:

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

Dies funktioniert im Grunde genommen, weil CheckBoxein Kivy-Widget in einem kivy.Factoryals jedes Widget aus der Standardbibliothek enthalten ist.

Diese einfache Zeichenfolge erstellt eine Instanz von CheckBoxund da runTouchApperwartet wird, dass ein Widget ausgeführt wird, kann ich sie verwenden Builder.load_string.

Der Hintergrund von load_stringbehandelt im Grunde jede kv-Zeichenfolge und wenn eine einzelne Instanz eines Widgets definiert ist (z. B. CheckBox), wird es zu einer Root- Widget-Position erhöht , zum Beispiel:

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

und sind ein leeres Kästchen und ein Häkchen in der Schriftart von SB.
Aktivieren Sie das Kontrollkästchen durch Berühren des Bildschirms (entspricht dem Klicken mit der Maus am ehesten).

Betrügende Antworten:

0 Bytes:

(Die Bildschirmtastatur verfügt über Schaltflächen, die wie Kontrollkästchen funktionieren, z. B. die Feststelltaste und die Einfügetaste.)

14 Bytes:

EXEC"SYS/SBGED

Öffnet den eingebauten Grafikeditor, der über mehrere kästchenähnliche Schaltflächen verfügt

C #, 124 120 Bytes

4 Bytes dank grabthefish gespart.

hinweis: aufgrund von bearbeitungen stellt das bild nicht genau dar, was der code macht, die "checkBox1" wird nicht mit dem aktuellen code angezeigt.

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 with Shoes, 16 Zeichen

Shoes.app{check}

Beispielausgabe:

HTML mit 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||''>

Dies ist eine Variante der Antwort von @ ElPedro: Erstellen Sie eine Checkbox . Mit Hilfe von @Albert Renshaw auf 28 Byte heruntergekommen. Es könnte weiter reduziert werden, aber das würde es identisch mit Create a Checkbox machen

Der gesamte Anwendungsbereich ist anklickbar. Es wird 0im offZustand und 1im onZustand angezeigt . Probieren Sie es unter https://jsbin.com/nuhetiyocu/1/edit aus

Powershell v5 +, 94 Bytes

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

Das ist ziemlich schrecklich, aber ich kann die Anweisungen mit Add-Typeoder nicht kürzer bekommen, using namespaceund die Variable ist erforderlich, da ich das Objekt erneut verwenden muss, um das Formular Controls.Add()anzuzeigen , und nichts Nutzbares zurückgibt.

ShowDialog Auf meinem System muss die Box nach dem Ausführen dieses Befehls interaktiv sein. Andernfalls wird das Formular eingefroren.

auch System.Windows.Forms.Formkann nur verkürzt werden , Windows.Forms.Formbevor (zumindest mein eigenes) System stoppt Auto es in einer frischen Sitzung abgeschlossen wird .

Excel VBA, _{38 32 31} 29 Bytes

Direktfensterfunktion, die ein Kontrollkästchen mit den Werten height = 9 und width = 9 in die Zelle A1auf dem ersten Blatt des aktiven Excel VBA-Projekts einfügt

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

-6 Danke an pajonk für das Ersetzen [A1],[A1],9,9durch0,0,9,9

-1 zum Ersetzen Sheets(1)durch[Sheet1]

-2 für die Realisierung der oben war dumm und Sheet1stattdessen mit

VBA (Word), 74.57 Bytes

-17 Dank an Taylor Scott

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

Der Dateiname des Dokuments sollte a sein.

Mops, 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, indem Sie die Notwendigkeit für loswerden m/fun-mode.

-50 Bytes durch Entfernen der Optionen :setupund :size, da diese standardmäßig vorhanden und in non- nicht erforderlich sind fun-mode. Außerdem wurde der unnötige Import für Middleware entfernt.

-18 Bytes dank nur @ ASCII. Auf "kleinere" Farben geändert und unnötiges Leerzeichen vor dem Dereferenzierungsoperator ( @) entfernt.

Erstellt eine Quil- Skizze (eine Clojure-Bibliothek, die eine Ebene über der Verarbeitung bereitstellt). Daher muss die Quil-Bibliothek ausgeführt werden.

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

Operation Flashpoint- Skriptsprache, 273 Byte

So zeigen Sie das Kontrollkästchen an:

createDialog"b"

Aber zuerst muss definiert werden:

Speichern Sie Folgendes in einer Datei description.extim Missionsordner:

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

Das Kontrollkästchen in Aktion:

AutoIt , 78 Bytes

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

Öffnet ein maximiertes Fenster, das wie jedes andere Fensterfenster geschlossen werden kann. Die Maximierung und ... Top-Qualität ist ein Nebeneffekt des Golfspiels.

Python, 62 Bytes

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