Tulis sebuah program yang menciptakan kotak centang dua-negara yang orang dapat berinteraksi dengan menggunakan mouse.

Secara khusus, program Anda harus mencapai semua hal berikut:

1. Memiliki wilayah layar 8 × 8 piksel (atau lebih besar jika diinginkan) yang merupakan area yang dapat diklik pada kotak centang. Untuk selanjutnya daerah ini hanya disebut kotak centang.

2. Ketika kursor mouse dipindahkan di dalam kotak centang dan tombol * mouse default ditekan, kotak centang harus berganti status.
   Diperiksa menjadi tidak dicentang. Tidak dicentang diperiksa.

3. Kotak centang tidak boleh bergerak saat diaktifkan.

4. Dalam keadaan dicentang, kotak centang mungkin warna apa saja.

5. Dalam keadaan tidak dicentang, kotak centang dapat berupa warna apa pun selama setidaknya 16 piksel berbeda secara visual dari kondisi yang dicentang .

6. Dalam satu contoh program, semua status yang diperiksa harus identik secara visual satu sama lain dan semua status yang tidak diperiksa harus identik secara visual satu sama lain.

7. Jangan akhiri program sampai program itu dihentikan secara eksplisit (mis. Via tombol keluar atau Alt + F4), sehingga pengguna dapat mengklik kotak centang sebanyak yang mereka inginkan.

^{* Anda dapat mengasumsikan tombol mouse default selalu klik kiri, tetapi juga boleh menggunakan default seperti yang didefinisikan oleh perangkat lunak mouse atau OS, yang mungkin tidak benar-benar klik kiri tergantung pada pengguna.}

Catatan

• Tidak masalah apa yang ada di luar wilayah kotak centang Anda. Itu bisa saja desktop. Ini bisa menjadi bagian dari konsol yang berubah di setiap toggle.

• Tidak masalah dalam kondisi apa kotak centang Anda mulai.

• Wilayah kotak centang mungkin memiliki dimensi pada atau di atas 8 × 8 piksel. Tidak harus persegi.

• Anda dapat membuat kelonggaran kecil untuk pengaturan yang di luar kendali Anda seperti ukuran font konsol, zoom browser, resolusi monitor, dll. Selama program Anda bekerja dalam pengaturan pengujian yang masuk akal, itu harus valid.

• Jika program Anda membuka jendela, Anda dapat menganggapnya telah diseret ke lokasi yang sesuai di layar jika perlu (mis. Sudut kiri atas).

• Anda dapat menggunakan bahasa markup seperti HTML atau bahasa lain yang biasanya tidak kami pertimbangkan sebagai bahasa pemrograman lengkap.

• Kotak centang Anda harus dapat diubah menggunakan tombol mouse default. Tidak apa-apa jika juga beralih ke bentuk input lainnya (mis. Tombol kanan mouse), dengan pengecualian gerakan mouse . yaitu negara tidak boleh berubah jika mouse hanya dipindahkan di dalam kotak centang.

• Tangkapan layar dari kotak centang Anda dalam aksi sangat dianjurkan!

Mencetak gol

Kode terpendek dalam byte menang.

Contoh

Contoh HTML kanonik dalam 23 byte.

<input type="checkbox">

Bagi saya di Google Chrome, ini membuat kotak centang 12 × 12 piksel dan sekitar 30 piksel jelas berubah antara status dicentang dan tidak dicentang.

Saya membuat kelonggaran bahwa peramban memperbesar 100%.

Mathematica, 10 byte

Checkbox[]

Diasumsikan lingkungan notebook Mathematica .

Kedua negara bagian terlihat seperti ini:

HTML, 20 byte

Tidak tahu seberapa valid ini sebagai jawaban. HTML mengharuskan tag ditutup untuk memvalidasi secara hukum, tetapi browser modern akan secara otomatis menutupnya sehingga dapat dieksekusi.

<input type=checkbox

Bash , 67 55 50 35 32 31 byte

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

Kode berisi byte CR (baris baru pertama) dan byte CSI (braket sudut kanan kecil dengan pengkodean Windows-1252). Ini membutuhkan xterm (atau yang setara) dan penyandian ISO-8859-1 (atau serupa).

Kode mendefinisikan fungsi bernama :, yang secara bergantian menampilkan putih 1 atau 0 dalam kotak hitam. Ada persis 24 piksel berbeda dengan pengaturan default xterm. ( bukti )

Untuk versi yang lebih lama yang mengubah warna seluruh terminal, periksa revisi 10 dari jawaban ini.

Terima kasih kepada @ ais523 untuk menyarankan xterm, yang menghemat 4 byte!

Bagaimana itu bekerja

:(...)membuat fungsi bernama :yang dijalankan ....

The membaca perintah melakukan sihir yang sebenarnya.

• -p menentukan prompt input, yang dicetak ke STDOUT.

  • $[i^=1]adalah ekspansi aritmatika yang XOR variabel i dengan 1 . saya mungkin awalnya tidak disetel; ketika ini terjadi, itu akan diperlakukan sebagai 0 .

  • Carriage return mengembalikan kursor di awal baris.

  • ›?9hmenangkap mouse di terminal yang didukung. Setiap klik akan mengirim enam karakter ke terminal, yaitu ←[Mbxy, di mana ←merepresentasikan byte ESC ( 0x1b ). ←[menunjukkan urutan escape, Mmouse, btombol ( 0x20 + jumlah tombol), xyang x koordinat klik ( 0x20 + koordinat), dan yyang y koordinat.

  • -sn6merek membaca diam (masukan mouse tidak akan bergema ke stderr) dan berhenti setelah membaca persis 6 byte. Ini menyimpan input dalam variabel REPLY , tetapi kami tidak tertarik dengan output yang dihasilkannya.

Akhirnya, setelah selesai membaca (setelah tepat satu klik mouse), :secara rekursif memanggil dirinya sendiri, memasuki loop tak terbatas.

Penciptaan dan doa

$ 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

Keluaran

Memproses, 78 66 65 63 61 byte

2 byte disimpan berkat @TuukkaX dengan menggunakan -a%2sebagai gantinyaa%2*-1

2 byte disimpan berkat @TuukkaX dengan menggunakan a=-a

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

Kotak centang berganti-ganti antara hitam dan putih.

Penjelasan

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

Sekarang ada banyak alternatif lain seperti menggunakan pernyataan-if untuk memproses ini, tetapi kemudian menjadi aneh dan terus-menerus mengubah latar belakang saat mouse sedang ditekan. Saya pertama kali mencoba mouseButton, tetapi kemudian saya akan membutuhkan lebih banyak kondisi dan lebih banyak kode yang hanya akan berakhir dengan lebih banyak verbose.

Sekarang untuk mousePressed()dipanggil selamanya (jika tidak, program akan berhenti setelah program baru saja dimulai), kita memerlukan sebuah draw()fungsi.

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
}

Kotak centang yang lebih kecil akan menjadi 90 byte (kotak centang di sudut kiri atas, sehingga kami dapat menghapus beberapa kondisi 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 karakter

<p onclick=innerHTML^=1>0

Unix Shell (+ x11-apps), 3 byte

Penolakan

Jawaban di bawah ini membosankan, batas dan "merasa curang" (setidaknya bagi saya).

Namun, sepertinya tidak melanggar aturan tantangan "seperti yang tertulis", atau "celah default", jadi saya mempostingnya.

(Jika Anda dapat menunjukkan aturan tertentu yang dilanggar, silakan komentari!)

Golf

xgc

Program xgc menunjukkan berbagai fitur primitif grafis X.

Layar xgc sebenarnya diisi dengan berbagai kotak centang:

dan "tombol lengket" (yang memenuhi syarat sebagai kotak centang, di bawah aturan tantangan ini):

GitHub Flavoured Markdown - 6 byte

- [ ] 

(Ada ruang tambahan)

Dalam inti:

AHK , 25 byte

Gui,Add,Checkbox
Gui,Show

Keluaran -

Gores, 2 blok

Letakkan skrip ini di sprite default (yang dilengkapi dengan 2 kostum)

Python REPL, 45 byte

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

GeoGebra , 10 byte

Checkbox[]

Dimasukkan ke dalam bilah masukan.

Berikut adalah gif dari eksekusi:

Tcl / Tk, 21 byte

Golf

grid [checkbutton .c]

HTML dengan JavaScript - 136 124 120 115 113 111 109 79 byte

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

-2 dengan terima kasih kepada @KritixiLithos

Mengurangi menjadi 79 setelah bermain golf fantastis dari @Jan. Meskipun versi baru sesuai dengan persyaratan, saya telah menyimpan versi lama untuk alasan kebanggaan profesional.

Meskipun sangat valid untuk menggunakan built-in, saya pikir lebih menyenangkan untuk membuat sendiri dari awal. Diuji dengan Chrome dan Firefox. border:solidapakah ada untuk kompatibilitas IE tapi saya tidak tahu apakah itu benar-benar diperlukan dalam versi IE yang lebih baru - Saya tidak memiliki IE tersedia untuk diuji.

The pxtinggi yang ada untuk kepentingan "Run potongan kode" sehingga tidak termasuk dalam hitungan byte "nyata". Ini berfungsi dengan baik di browser tanpa itu.

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

Versi sebelumnya:

<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

Tuas di Minecraft memenuhi semua kriteria untuk kotak centang. Jawaban ini hanya berlaku untuk versi gim yang lebih lama di mana tinju masih akan mengaktifkannya.

Mencetak menggunakan hitungan byte yang disarankan @Connor O'Brien.

TI-Basic, 15 byte

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

Cukup mudah. Kotak centang mencakup sekitar 40% layar dan berganti-ganti antara hitam dan putih. Saat dicentang, layar akan terlihat seperti ini:

Versi apa pun dari baris perintah Windows, 3 byte

(cmd.exe, batch, PowerShell, start-> run, apa pun)

osk

Membuka keyboard layar yang memiliki beberapa "kotak centang" seperti shift, ctrl, alt, tombol capslock Mirip dengan jawaban xgc, dan terinspirasi oleh screenshot jawaban SmileBASIC.

Oktaf, 36 20 byte

uicontrol('sty','c')

Berkat @LuisMendo, tersimpan 16 byte!

KV Lang , 8 byte

CheckBox

mengasumsikan lingkungan Python benar-benar dasar untuk kv lang untuk menjalankan:

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

Ini pada dasarnya berfungsi karena CheckBoxwidget Kivy termasuk dalam kivy.Factorysetiap widget dari pustaka standar.

String sederhana itu membuat turunan dari CheckBoxdan karena runTouchAppmengharapkan widget untuk dijalankan dapat saya gunakan Builder.load_string.

Latar belakang load_stringpegangan pada dasarnya setiap string kv dan jika ada satu instance widget yang ditentukan (misalnya CheckBox), maka ia akan diangkat ke posisi widget root , misalnya:

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

SmileBASIC, 49 byte

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

dan merupakan kotak kosong dan kotak centang dalam font SB.
Alihkan kotak centang dengan menyentuh layar (hal yang paling dekat dengan mengklik dengan mouse)

Jawaban curang:

0 byte:

(keyboard di layar memiliki tombol yang berfungsi seperti kotak centang, seperti caps lock dan tombol insert)

14 byte:

EXEC"SYS/SBGED

Membuka editor grafis bawaan, yang memiliki beberapa tombol mirip kotak centang

C #, 124 120 byte

disimpan 4 byte berkat grabthefish.

catatan: karena pengeditan, gambar tidak persis mewakili apa yang dibuat oleh kode, "checkBox1" tidak ditampilkan dengan kode saat ini.

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 karakter

Shoes.app{check}

Output sampel:

HTML dengan JavaScript, 46 33 28 byte

<body onclick=innerHTML^=1>0

v2

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

v1

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

Ini adalah varian dari jawaban @ ElPedro: Buat Kotak Centang . Turun ke 28 byte dengan bantuan @Albert Renshaw Ini bisa dikurangi lebih jauh, tetapi itu akan membuatnya identik dengan Buat Kotak Centang

Seluruh area aplikasi dapat diklik. Ini akan ditampilkan 0di offnegara bagian dan 1di onnegara bagian. Cobalah di https://jsbin.com/nuhetiyocu/1/edit

Powershell v5 +, 94 Bytes

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

Ini cukup mengerikan, tapi saya tidak bisa mendapatkan pernyataan yang lebih pendek dengan salah satu Add-Typeatau using namespace- dan variabel diperlukan, karena saya perlu menggunakan kembali objek untuk menunjukkan formulir, dan Controls.Add()tidak mengembalikan apa pun yang dapat digunakan.

ShowDialog diperlukan pada sistem saya untuk memiliki kotak menjadi interaktif setelah menjalankan perintah ini, jika tidak, formulir akan dibekukan.

juga System.Windows.Forms.Formhanya dapat dipersingkat Windows.Forms.Formsebelum (setidaknya saya sendiri) sistem berhenti secara otomatis menyelesaikannya dalam sesi baru.

Excel VBA, _{38 32 31} 29 Bytes

Fungsi Window langsung yang menyisipkan kotak centang tinggi = 9 dan lebar = 9, di sel A1pada lembar pertama proyek Excel VBA aktif

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

-6 Berkat pajonk untuk mengganti [A1],[A1],9,9dengan0,0,9,9

-1 untuk mengganti Sheets(1)dengan[Sheet1]

-2 untuk menyadari hal di atas adalah bodoh dan menggunakan Sheet1sebaliknya

VBA (Word), 74 57 byte

-17 Terima kasih kepada Taylor Scott

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

Nama file dokumen harus a.

Pug, 20 byte

input(type=checkbox)

Clojure, 201 195 145 127 byte

(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 byte dengan menghilangkan kebutuhan m/fun-mode.

-50 byte dengan menghapus opsi :setupdan :size, karena mereka defaultable dan tidak perlu di non- fun-mode. Juga menghapus impor yang tidak perlu untuk middleware.

-18 byte terima kasih hanya untuk @ ASCII. Berubah menjadi "lebih kecil" warna, dan menghapus ruang yang tidak perlu sebelum operator dereference ( @).

Membuat sketsa Quil (pustaka Clojure yang menyediakan lapisan di atas Pemrosesan), oleh karena itu, ini memerlukan pustaka Quil untuk dijalankan.

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

Operasi bahasa scripting Flashpoint , 273 byte

Untuk menampilkan kotak centang:

createDialog"b"

Tetapi pertama-tama harus didefinisikan:

Simpan yang berikut ke file yang bernama description.extdi folder misi:

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

Kotak centang dalam aksi:

AutoIt , 78 Bytes

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

Membuka jendela yang dimaksimalkan yang dapat ditutup seperti jendela jendela lainnya. Maksimalisasi dan ... kedudukan tertinggi adalah efek samping dari golf.

Python, 62 byte

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