Napisz program, który tworzy dwustanowe pole wyboru, z którym ludzie mogą wchodzić w interakcje za pomocą myszy.

W szczególności twój program powinien spełniać wszystkie poniższe warunki:

1. Mieć obszar ekranu o wymiarach 8 × 8 pikseli (lub w razie potrzeby większy), który jest klikalnym obszarem pola wyboru. Odtąd ten region jest po prostu nazywany polem wyboru.

2. Gdy kursor myszy zostanie przesunięty w polu wyboru i naciśnięty zostanie domyślny * przycisk myszy, pole wyboru powinno przełączać stany.
   Zaznaczone staje się niezaznaczone. Odznaczone zostanie zaznaczone.

3. Pole wyboru nie powinno się poruszać po przełączeniu.

4. W stanie zaznaczonym pole wyboru może mieć dowolny kolor.

5. W stanie niezaznaczonym pole wyboru może mieć dowolny kolor, o ile przynajmniej 16 pikseli jest wizualnie różne od stanu zaznaczonego .

6. W jednej instancji programu wszystkie zaznaczone stany powinny być wizualnie identyczne, a wszystkie niesprawdzone stany powinny być wizualnie identyczne.

7. Nie kończ programu, dopóki nie zostanie wyraźnie zakończony (np. Za pomocą przycisku wyjścia lub Alt + F4), aby użytkownik mógł kliknąć pole wyboru, ile chce.

^{* Możesz założyć, że domyślnym przyciskiem myszy jest zawsze kliknięcie lewym przyciskiem, ale dobrze jest też użyć domyślnego zdefiniowanego przez oprogramowanie myszy lub system operacyjny, który w rzeczywistości może nie być lewym kliknięciem w zależności od użytkownika.}

Notatki

• Nie ma znaczenia, co znajduje się poza regionem pola wyboru. Może to być po prostu pulpit. Może to być część konsoli, która zmienia się przy każdym przełączeniu.

• Nie ma znaczenia, w jakim stanie zaczyna się Twoje pole wyboru.

• Obszar pola wyboru może mieć dowolne wymiary o wymiarach 8 × 8 pikseli lub powyżej. To nie musi być kwadratowe.

• Możesz wprowadzić drobne poprawki dla ustawień, które są poza twoją kontrolą, takich jak rozmiar czcionki konsoli, powiększenie przeglądarki, rozdzielczość monitora itp. Tak długo, jak twój program działa w rozsądnych ustawieniach testowych, powinien być poprawny.

• Jeśli Twój program otworzy okno, możesz założyć, że zostało przeciągnięte w odpowiednie miejsce na ekranie, jeśli to konieczne (np. Lewy górny róg).

• Możesz używać języków znaczników, takich jak HTML lub inne języki, których zwykle nie uważamy za pełnoprawne języki programowania.

• Twoje pole wyboru musi być przełączalne za pomocą domyślnego przycisku myszy. Jest w porządku, jeśli przełącza się także na inne formy wprowadzania danych (np. Prawy przycisk myszy), z wyjątkiem ruchu myszy . tzn. stan nie powinien się zmieniać, jeśli mysz jest jedynie przesuwana w polu wyboru.

• Zachęcamy do tworzenia zrzutów ekranu z pola wyboru w akcji!

Punktacja

Najkrótszy kod w bajtach wygrywa.

Przykład

Kanoniczny przykład HTML w 23 bajtach.

<input type="checkbox">

Dla mnie w Google Chrome sprawia, że ​​pole wyboru 12 × 12 pikseli i około 30 pikseli wyraźnie zmienia się między stanem zaznaczonym a niezaznaczonym.

Przyjmuję do wiadomości, że powiększenie przeglądarki wynosi 100%.

Mathematica, 10 bajtów

Checkbox[]

Zakłada środowisko notebooka Mathematica .

Dwa stany wyglądają tak:

HTML, 20 bajtów

Nie wiem, jak ważne będzie to jako odpowiedź. HTML wymaga, aby tag został zamknięty w celu legalnego sprawdzenia poprawności, ale nowoczesne przeglądarki automatycznie je zamkną, aby był wykonywalny.

<input type=checkbox

Bash , 67 55 50 35 32 31 bajtów

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

Kod zawiera bajt CR (pierwsza nowa linia) i bajt CSI (mały nawias prostokątny z kodowaniem Windows-1252). Wymaga xterm (lub odpowiednika) i kodowania ISO-8859-1 (lub podobnego).

Kod definiuje nazwaną funkcję :, która na przemian wyświetla biały 1 lub 0 w czarnym prostokącie. Istnieją dokładnie 24 różne piksele z domyślnymi ustawieniami xterm. ( dowód )

W przypadku starszej wersji, która przełącza kolor całego terminala, sprawdź wersję 10 tej odpowiedzi.

Dzięki @ ais523 za sugestię xterm, który oszczędza 4 bajty!

Jak to działa

:(...)tworzy funkcję o nazwie, :która wykonuje ....

Polecenie odczytu robi prawdziwą magię.

• -p określa monit o wprowadzenie, który jest drukowany do STDOUT.

  • $[i^=1]jest rozszerzeniem arytmetycznym, w którym XOR jest zmienną i z 1 . mogę początkowo być rozbrojony; gdy to nastąpi, będzie traktowane jako 0 .

  • Znak powrotu karetki umieszcza kursor z powrotem na początku wiersza.

  • ›?9hprzechwytuje mysz w obsługiwanych terminalach. Każde kliknięcie wyśle ​​sześć znaków do terminala, a mianowicie ←[Mbxy, gdzie ←reprezentuje bajt ESC ( 0x1b ). ←[oznacza sekwencję ucieczki, Mmyszy, bprzycisk ( 0x20 + numer przycisku) x współrzędna kliknięcia ( 0x20 + współrzędnych) i Y współrzędnych.xy

  • -sn6powoduje wyciszenie odczytu (wejście myszy nie zostanie powtórzone do STDERR) i zatrzymuje się po odczytaniu dokładnie 6 bajtów. Zapisuje dane wejściowe w zmiennej REPLY , ale nie jesteśmy zainteresowani uzyskanymi danymi wyjściowymi.

Na koniec, po zakończeniu odczytu (dokładnie po jednym kliknięciu myszy) :rekurencyjnie wywołuje się, wchodząc w nieskończoną pętlę.

Stworzenie i wywołanie

$ 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

Wynik

Przetwarzanie, 78 66 65 63 61 bajtów

2 bajty zapisane dzięki @TuukkaX przy użyciu -a%2zamiasta%2*-1

2 bajty zapisane dzięki @TuukkaX przy użyciu a=-a

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

Pole wyboru na przemian jest czarno-białe.

Wyjaśnienie

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

Teraz istnieje wiele innych alternatyw, takich jak użycie instrukcji if do przetworzenia tego, ale potem staje się dziwne i ciągle zmienia tło podczas naciskania myszy. Najpierw próbowałem mouseButton, ale potem potrzebowałem więcej warunków i więcej kodu, który po prostu skończy o wiele bardziej gadatliwie.

Teraz, mousePressed()aby zadzwonić na zawsze (w przeciwnym razie przestałoby działać po uruchomieniu programu), potrzebujemy draw()funkcji.

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
}

Mniejsze pole wyboru miałoby 90 bajtów (pole wyboru znajduje się w lewym górnym rogu, więc możemy usunąć niektóre warunki myszy):

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 znaków

<p onclick=innerHTML^=1>0

Unix Shell (+ aplikacje x11), 3 bajty

Zrzeczenie się

Odpowiedź poniżej jest nudna, z pogranicza i „czuje się oszukana” (przynajmniej dla mnie).

Wydaje się jednak, że nie narusza żadnej z reguł wyzwania „tak jak napisano” ani „domyślnych luk”, więc zamieszczam to.

(Jeśli możesz wskazać konkretną zasadę, którą łamie, skomentuj!)

Grał w golfa

xgc

Program xgc demonstruje różne funkcje prymitywów graficznych X.

Ekran XGC jest wypełniony różnymi polami wyboru:

i „lepkie przyciski” (które kwalifikują się jako pola wyboru, zgodnie z regułami wyzwania):

GitHub Flavored Markdown - 6 bajtów

- [ ] 

(Jest spacja)

W skrócie:

AHK , 25 bajtów

Gui,Add,Checkbox
Gui,Show

Wynik -

Scratch, 2 bloki

Umieść ten skrypt w domyślnej ikonce (która zawiera 2 kostiumy)

Python REPL, 45 bajtów

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

GeoGebra , 10 bajtów

Checkbox[]

Wszedł w pasek wprowadzania.

Oto gif z wykonania:

Tcl / Tk, 21 bajtów

Grał w golfa

grid [checkbutton .c]

HTML z JavaScript - 136 124 120 115 113 111 109 79 bajtów

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

-2 dzięki dzięki @KritixiLithos

Zmniejszono do 79 po fantastycznych golfach z @Jan. Chociaż nowa wersja spełnia wymagania, zachowałem starą wersję z powodów dumy zawodowej.

Chociaż korzystanie z wbudowanych aplikacji jest całkowicie poprawne, pomyślałem, że fajniej jest tworzyć własne od zera. Testowane z Chrome i Firefox.border:solidczy jest kompatybilny z IE, ale nie wiem, czy jest on rzeczywiście potrzebny w nowszych wersjach IE - nie mam IE do przetestowania.

pxW wysokości nie jest z korzyścią dla „kod” Run fragmencie tak nie jest zawarty w „prawdziwym” count bajtów. Bez niego działa poprawnie w przeglądarce.

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

Poprzednia wersja:

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

Dźwignia w Minecraft spełnia wszystkie kryteria pola wyboru. Ta odpowiedź jest ważna tylko w starszych wersjach gry, w których wybijanie dźwigni wciąż ją przełącza.

Przy użyciu sugerowanej liczby bajtów @Connor O'Brien.

TI-Basic, 15 bajtów

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

Dość bezpośredni. Pole wyboru obejmuje około 40% ekranu i zmienia się na czarno-biały. Po zaznaczeniu ekran będzie wyglądał mniej więcej tak:

Dowolna wersja wiersza polecenia systemu Windows, 3 bajty

(cmd.exe, partia, powershell, start-> uruchom, cokolwiek)

osk

Otwiera klawiaturę ekranową z kilkoma „polami wyboru”, takimi jak Shift, Ctrl, Alt, Capslock. Podobne do odpowiedzi XGC i zainspirowane zrzutem ekranu SmileBASIC.

Oktawa, 36 20 bajtów

uicontrol('sty','c')

Dzięki @LuisMendo zapisano 16 bajtów!

KV Lang , 8 bajtów

CheckBox

zakładając naprawdę podstawowe środowisko Pythona, aby kv lang mógł nawet uruchomić:

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

Działa to w zasadzie, ponieważ CheckBoxjest widżetem Kivy zawartym w kivy.Factorykażdym widżecie ze standardowej biblioteki.

Ten prosty ciąg tworzy instancję CheckBoxi ze względu na runTouchAppoczekiwanie na uruchomienie widgetu mogę go użyć Builder.load_string.

Tło load_stringuchwytów obsługuje zasadniczo każdy ciąg kv, a jeśli zdefiniowano pojedyncze wystąpienie widgetu (np. CheckBox), To jest ono podnoszone do pozycji głównego widgetu, na przykład:

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

SmileBASIC, 49 bajtów

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

i są pustym polem i polem zaznaczonym czcionką SB.
Przełącz pole wyboru, dotykając ekranu (najbliższa rzecz do kliknięcia myszą)

Oszukiwanie odpowiedzi:

0 bajtów:

(klawiatura ekranowa ma przyciski, które działają jak pola wyboru, takie jak Caps Lock i klawisze Insert)

14 bajtów:

EXEC"SYS/SBGED

Otwiera wbudowany edytor grafiki, który ma wiele przycisków podobnych do pól wyboru

C #, 124 120 bajtów

zapisane 4 bajty dzięki grabthefish.

Uwaga: z powodu edycji obraz nie przedstawia dokładnie tego, co tworzy kod, „checkBox1” nie jest wyświetlany z bieżącym kodem.

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

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

Rubin z butami, 16 znaków

Shoes.app{check}

Przykładowe dane wyjściowe:

HTML z JavaScript, 46 33 28 bajtów

<body onclick=innerHTML^=1>0

v2

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

v1

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

Jest to wariant odpowiedzi @ ElPedro: Utwórz pole wyboru . Zmniejszono do 28 bajtów za pomocą @Albert Renshaw. Można go jeszcze zmniejszyć, ale dzięki temu byłby identyczny jak Utwórz pole wyboru

Cały obszar aplikacji jest klikalny. Będzie on wyświetlany 0w offstanie i 1w onpaństwie. Wypróbuj na https://jsbin.com/nuhetiyocu/1/edit

PowerShell v5 +, 94 bajty

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

Jest to dość straszne, ale nie mogę dostać oświadczenia któregokolwiek z krótsze albo Add-Typealbo using namespace- i wymagana jest zmienna, ponieważ muszę ponownie użyć obiektu, aby pokazać postać, i Controls.Add()zwraca nic użytecznego.

ShowDialog jest wymagane w moim systemie, aby pole było interaktywne po uruchomieniu tego polecenia, w przeciwnym razie formularz zostanie zawieszony.

również System.Windows.Forms.Formmożna skrócić tylko Windows.Forms.Formprzed systemem (przynajmniej moim) zatrzymuje auto ukończenie go w świeżej sesji.

Excel VBA, _{38 32 31} 29 bajtów

Natychmiastowa funkcja okna, która wstawia pole wyboru o wysokości = 9 i szerokości = 9 w komórce A1na pierwszym arkuszu aktywnego projektu Excel VBA

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

-6 Dzięki Pajonk zastępowania [A1],[A1],9,9z0,0,9,9

-1 wymianie Sheets(1)z[Sheet1]

-2 za uświadomienie sobie powyższego było głupie i Sheet1zamiast tego użyłem

VBA (Word), 74 57 bajtów

-17 dzięki Taylor Scott

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

Nazwa pliku dokumentu powinna wynosić.

Mops, 20 bajtów

input(type=checkbox)

Clojure, 201 195 145 127 bajtów

(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 bajtów poprzez pozbycie się potrzeby m/fun-mode.

-50 bajtów poprzez usunięcie opcji :setupi :size, ponieważ są one domyślne i niepotrzebne w non- fun-mode. Usunięto również niepotrzebny import oprogramowania pośredniego.

-18 bajtów dzięki tylko @ ASCII. Zmieniono na „mniejsze” kolory i usunięto niepotrzebne miejsce przed operatorem dereferencji ( @).

Tworzy szkic Quil (biblioteka Clojure, która zapewnia warstwę nad przetwarzaniem), dlatego wymaga uruchomienia biblioteki 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))

Operacyjny język skryptowy Flashpoint , 273 bajty

Aby pokazać pole wyboru:

createDialog"b"

Ale najpierw trzeba to zdefiniować:

Zapisz następujące elementy w pliku o nazwie description.extw folderze misji:

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

Pole wyboru w akcji:

AutoIt , 78 bajtów

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

Otwiera zmaksymalizowane okno, które można zamknąć jak każde inne okno. Maksymalizacja i ... świetność to efekt uboczny gry w golfa.

Python, 62 bajty

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