Siirry pääsisältöön

RadioButton

Avaa ChatGPT:ssä
Varjo dwc-radio 23.01
Java API

RadioButton-komponentti edustaa yhtä valintaa, joka voidaan valita tai mitätöidä. Radiopainikkeet ryhmitellään yleensä yhteen siten, että yhden valitseminen mitätöi automaattisesti muut, jolloin käyttäjät voivat tehdä yhden valinnan keskenään poissulkevista vaihtoehdoista.

Käytöt​

RadioButtonia käytetään parhaiten tilanteissa, joissa käyttäjien on tehtävä yksi valinta ennalta määritellyistä vaihtoehdoista. Tässä on joitakin esimerkkejä siitä, milloin RadioButtonia tulisi käyttää:

  1. Kyselyt tai lomakkeet: Radiopainikkeita käytetään yleisesti kyselyissä tai lomakkeissa, joissa käyttäjien on valittava yksi vastaus vaihtoehtojen luettelosta.

  2. Asetusvaihtoehdot: Sovellukset, joissa on mieltymys- tai asetuspaneeleja, käyttävät usein radiopainikkeita sallimaan käyttäjien valita yksi vaihtoehto keskenään poissulkevista valinnoista.

  3. Suodatus tai lajittelu: RadioButtonia voidaan käyttää sovelluksissa, joissa käyttäjien on valittava yksi suodatus- tai lajitteluoptio, kuten lajittelemalla esineita eri kriteerien mukaan.

Ryhmittely RadioButton komponentteja

Käytä RadioButtonGroup hallitsemaan joukkoa radiopainikkeita, kun haluat käyttäjien valitsevan yhden vaihtoehdon.

Teksti ja paikannus​

Radiopainikkeet voivat hyödyntää setText(String text)-metodia, joka sijoitetaan lähelle radiopainiketta sen mukaan, mikä on sisäänrakennettu Position. Radiopainikkeissa on sisäänrakennettu toiminto asettaa teksti, joka näytetään joko komponentin oikealla tai vasemmalla puolella. Oletusarvoisesti teksti näytetään komponentin oikealla puolella. Vaakasuoran tekstin paikannusta tuetaan HorizontalAlignment-enum-luokan avulla. Alla on esitetty kaksi asetusta:

Näytä koodi

Aktivointi​

Radiopainikkeita voidaan ohjata kahden tyyppisen aktivoinnin avulla: manuaalinen aktivointi ja automaattinen aktivointi. Nämä määrittävät, milloin RadioButton vaihtaa tilaansa.

Näytä koodi

Manuaalinen aktivointi​

Kun radiopainike asetetaan manuaaliseen aktivointiin, se tarkoittaa, että se ei tarkisteta automaattisesti, kun se saa fokuksen. Manuaalinen aktivointi antaa käyttäjän navigoida radiopainikevaihtoehtojen välillä näppäimistön tai muiden syöttötapojen avulla ilman, että valittua vaihtoehtoa muutetaan heti.

Jos radiopainike on osa ryhmää, toisen radiopainikkeen valitseminen ryhmässä poistaa automaattisesti valitun radiopainikkeen valinnan. Manuaalinen aktivointi tarjoaa hienojakoisempaa hallintaa valintaprosessissa, jolloin käyttäjän on tehtävä eksplisiittinen toiminta muuttaakseen valittua vaihtoehtoa.

Automattinen aktivointi​

Automaattinen aktivointi on RadioButtonin oletustila, ja se tarkoittaa, että painike tarkistetaan aina, kun se saa fokuksen mistä tahansa syystä. Tämä tarkoittaa, että ei vain napsautus, vaan myös automaattinen fokus tai tab-navigointi tarkistaa painikkeen.

Huomautus

Oletusarvoinen aktivointiarvo on MANUAL aktivointi.

Kytkimet​

RadioButton voidaan myös asettaa näytettäväksi kytkimenä, joka tarjoaa vaihtoehtoisen visuaalisen esityksen valintojen valitsemiseksi. Yleensä radiopainikkeet ovat pyöreitä tai pyöristettyjä, ja ne osoittavat yksittäistä valintaa vaihtoehtojen ryhmästä.

Näytä koodi

RadioButton voidaan muuttaa kytkimeksi, joka muistuttaa kytkentäkytkintä tai liukusäädintä, käyttäen yhtä kahta menetelmää:

  1. Tehdasmetodi: Radiopainike voidaan luoda seuraavilla tehdasmetodeilla:
Switch(String text, boolean checked);
Switch(String text);
Switch();

Nämä menetelmät vastaavat RadioButton-konstruktoria ja luovat komponentin, jossa kytkinominaisuus on jo kytketty päälle.

  1. Asettaja: On myös mahdollista muuttaa jo olemassa olevaa RadioButton-painiketta kytkimeksi käyttämällä sopivaa asetinta:
myRadioButton.setSwitch(true);

Kun RadioButton näytetään kytkimenä, se näkyy tyypillisesti pitkänomaisena muotona, jossa on indikaattori, jota voidaan kytkeä päälle tai pois. Tämä visuaalinen esitys antaa käyttäjille intuitiivisemman ja tutumman käyttöliittymän, joka muistuttaa fyysisiä kytkimiä, joita tavallisesti löytyy elektroniikkalaitteista.

RadioButton-painikkeen asettaminen kytkimeksi voi parantaa käyttäjäkokemusta tarjoamalla selkeän ja suoraviivaisen tavan valita vaihtoehtoja. Se voi parantaa visuaalista viehätystä ja käytettävyyttä lomakkeissa, asetuspaneeleissa tai muissa käyttöliittymäelementeissä, jotka vaativat useita valintoja.

tiedot

RadioButton-käyttäytyminen pysyy samana, kun se renderöidään kytkimeksi, mikä tarkoittaa, että vain yksi vaihtoehto voidaan valita kerrallaan ryhmässä. Kytkimen kaltainen ulkonäkö on visuaalinen muunnos, joka säilyttää RadioButtonin toiminnallisuuden.


Tyylit​

Laajuudet​

On olemassa viisi tarkistusruudukon laajuutta, joita tuetaan, jotka mahdollistavat nopean tyylittelyn ilman CSS:ää. Laajuudet tuetaan Expanse-enum-luokan avulla. Alla on esitetty tarkistusruudukon komponentille tuetut laajuudet:

Loading...

Parhaat käytännöt​

Jotta varmistettaisiin optimaalinen käyttäjäkokemus käytettäessä RadioButton-komponenttia, harkitse seuraavia parhaita käytäntöjä:

  1. Selkeästi merkitty vaihtoehdot: Tarjoa selkeä ja ytimekäs teksti jokaiselle RadioButton-vaihtoehdolle, jotta valinta kuvastaa tarkasti vaihtoehtoa. Tekstin tulisi olla helppoa ymmärtää ja erottua toisistaan.

  2. Ryhmittele radiopainikkeet: Ryhmittele samankaltaiset radiopainikkeet yhteen osoittamaan niiden yhteys. Tämä auttaa käyttäjiä ymmärtämään, että tietyssä ryhmässä voidaan valita vain yksi vaihtoehto. Tämä voidaan tehdä tehokkaasti käyttämällä RadioButtonGroup -komponenttia.

  3. Tarjoa oletusvalinta: Jos se on mahdollista, harkitse oletusvalinnan tarjoamista radiopainikkeille, jotta käyttäjät saavat ohjeet, kun he kohtaavat vaihtoehdot ensimmäistä kertaa. Oletusvalinnan tulisi vastata yleisintä tai toivottua vaihtoehtoa.