Casetă de selectare (UI)

Versiunea actuală a paginii nu a fost încă examinată de colaboratori experimentați și poate diferi semnificativ de versiunea revizuită pe 24 septembrie 2021; verificările necesită 5 modificări .

Checkbox , checkbox , checkbox (din caseta de selectare în engleză  ), casetă de selectare  - un element grafic al interfeței utilizator care permite utilizatorului să controleze un parametru cu două stări  - ☑ activat și ☐ dezactivat. Când este activată, în interiorul casetei de selectare este afișată o bifă ( bifa (✓), sau mai rar o cruce (×)). Prin tradiție, steagul are formă pătrată. Lângă steag este afișată denumirea acestuia, de obicei o semnătură, mai rar o pictogramă. Pentru a crește suprafața elementului activ, atât caseta de selectare, cât și subtitrarea acestuia răspund de obicei la clicurile mouse-ului în același mod.

Comportament

Multe reguli de construire a interfeței recomandă să nu se folosească un semnalizator pentru a porni orice proces ori de câte ori este posibil. Cu toate acestea, starea unei casete de selectare poate afecta starea altor elemente în timp real, de exemplu, când este selectată o casetă de selectare, pot fi activate controale care anterior nu erau disponibile.

Metafora casetei de selectare sugerează două stări care se exclud reciproc, dar o casetă de selectare nu este întotdeauna adecvată în aceste situații. Caseta de selectare este adecvată atunci când aceste stări sunt percepute ca opțiuni da-nu, dar dacă sunt echivalente (de exemplu, alegerea între orientarea portret și peisaj a foii la imprimare), caseta de selectare nu este potrivită.

Majoritatea sistemelor de operare permit setarea unei casete de selectare la așa-numita „stare a treia”, dar ar trebui să fie utilizată ca opțiune „căsuța de selectare este selectată pentru unele elemente din listă”. În acest caz, făcând clic pe caseta de selectare, toate elementele listei vor fi transferate într-una din cele două stări.

Implementări

HTML

Formularele web folosesc elementul HTML pentru a afișa o casetă de selectare <input type="checkbox">.

Interfață text

Când utilizați interfața de utilizator cu text îmbogățit , caseta de selectare a fost marcată prin paranteze drepte [ ]. În starea pornit, literele x, v, semnul rădăcină √ sau o bifă au fost plasate între paranteze - dacă implementarea interfeței a permis utilizarea Unicode .

Unicode

În Unicode , casetele de selectare goale și bifate sunt reprezentate de U+2610 (☐, „URNA”), U+2611 (☑, „URNA CU VERIFICARE”) și U+2612 (☒, „URNA CU X”) .

Alternative

În aplicațiile mobile, un tip special de comutator este comun - așa-numitul comutator basculant ( comutator basculant ) [1] . Spre deosebire de o casetă de selectare, pentru a activa sau dezactiva un comutator de comutare, trebuie să trageți glisorul comutatorului de comutare într-o direcție sau alta. Adesea, comutatorul în sine își afișează poziția, cu toate acestea, nu este întotdeauna evident pentru utilizator dacă comutatorul se află în această stare sau va intra în el dacă glisorul este mișcat. Prin urmare, de obicei este recomandat să semnați pozițiile comutatorului basculant din exterior.

Butoanele lipicioase sunt de obicei folosite în barele de instrumente , deoarece ocupă puțin spațiu și vă permit să plasați o pictogramă pe ele. Este imposibil de determinat după aspectul butonului dacă este fix sau nu.

Butoane cu o etichetă/pictogramă în schimbare  - au și o problemă: eticheta/pictograma este un indicator al stării curente sau al acțiunii care va avea loc după clic? Prin urmare, astfel de butoane sunt folosite numai atunci când starea curentă este clară din context.

Butoanele radio ( butoane radio , butoane radio etc.) pot fi, de asemenea, utilizate în locul unei casete de selectare dacă li se acordă doar două poziții.

Link -uri

Note

  1. ↑ Ghid de comenzi: Comutator de comutare - MSDN . Data accesului: 16 octombrie 2015. Arhivat din original pe 9 aprilie 2014.