UI Components

Avaa ChatGPT:ssä

In webforJ, sovelluksia luodaan moduulimaisilla yksiköillä, joita kutsutaan Komponenteiksi, mikä helpottaa nopeaa ja tehokasta käyttöliittymän kehittämistä. Kehys tarjoaa joukon olennaisia komponentteja, kuten painikkeita, syöte-elementtejä ja asettelu-säiliöitä. Perusteiden hallinnan jälkeen voit tarkastella JavaDocs saadaksesi yksityiskohtaisen yleiskatsauksen kaikista komponenteista ja niiden toiminnallisuudesta.

Asettelu

Asettelu-komponentit tarjoavat perustan käyttöliittymien rakentamiselle, mahdollistaenkehittäjien organisoida sisältöä tehokkaasti. Nämä komponentit tarjoavat erilaisia tapoja hallita lapsikomponenttien järjestelyä, olipa kyseessä yksinkertaiset tai monimutkaiset asettelut.

Seuraavat asettelukomponentit on suunniteltu käsittelemään laajaa skaalaa käyttötarkoituksia, responsiivisesta suunnittelusta edistyneeseen sisällönhallintaan.

AppLayout

Säilökomponentti, joka tarjoaa rakenteellisen asettelun ylimmäiselle sovelluksen navigoinnille ja sisällön järjestelylle.

Työkalupalkki

Vaakasuora säilökomponentti, joka pitää sisällään joukon toimintopainikkeita, kuvakkeita tai muita ohjaimia, joita käytetään tyypillisesti nykyiseen kontekstiin liittyvien tehtävien suorittamiseen.

FlexLayout

Asettelu-komponentti, joka järjestää lapsensa käyttäen joustavan laatikon (flexbox) sääntöjä responsiivista suunnittelua ja kohdistamista varten.

ColumnsLayout

Asettelu-komponentti, joka järjestää lapsensa useisiin pystysuuntiin sarakkeisiin, mikä on hyödyllistä lomakkeiden ja ruudukkomaisen rakenteen luomisessa.

Splitter

Asettelu-komponentti, joka jakaa käytettävissä olevan tilan kahden lapsikomponentin välillä, mahdollistaen käyttäjien muuttaa niiden kokoa vetämällä jakotankoa.

Drawer

Liukuva paneelikomponentti, jota käytetään tyypillisesti sivu-navigaatioon tai lisäsisällön säilyttämiseen, joka voidaan näyttää tai piilottaa.

Dialog

Modaalinen ikkunakomponentti, joka peittää sisällön tärkeän tiedon näyttämiseksi tai käyttäjän vuorovaikutuksen pyytämiseksi, usein vaaditaan käyttäjän toiminta sulkemiseksi.

Login

Komponentti, joka tarjoaa esivalmistellun käyttöliittymän käyttäjän todennukseen, tyypillisesti sisältäen kentät käyttäjänimen ja salasanan syöttämiseen sekä lähetyspainikkeen.

Accordion

Pystyyn pinottu kokoelma romautuvia paneeleita, joista jokaisella on napsautettavissa oleva otsikko, joka vaihtaa näkyvyyden sen sisällön välillä.

TabbedPane

Säilökomponentti, joka järjestää sisällön useisiin välilehtiin, mahdollistaen käyttäjien vaihtaa eri näkymien tai osien välillä.

Tietojen syöttö

Tietojen syöttökomponentit tarjoavat olennaisia työkaluja käyttäjän syötteen tallentamiseen ja vuorovaikutusten hallintaan sovelluksessasi. Nämä komponentit ovat monipuolisia, mikä helpottaa interaktiivisten lomakkeiden rakentamista ja erilaisten tietotyyppien keräämistä.

TextField

Yhden rivin syötekenttä tekstin syöttämistä ja muokkaamista varten.

MaskedTextField

Tekstisyötekomponentti, joka rajoittaa käyttäjän syötettä tiettyyn muotoon tai kaavaan, tyypillisesti käytetään kentissä kuten puhelinnumerot, päivämäärät tai luottokorttinumerot.

NumberField

Komponentti, joka tarjoaa oletusSelainpohjaisen syötekentän numeeristen arvojen syöttämiseen, built-in-ohjauksilla arvon nostamista tai alenemista varten.

MaskedNumberField

Numeraalinen syötekomponentti, joka rajoittaa käyttäjän syötteen tiettyyn numeeriseen muotoon tai kaavaan, varmistaen kelvollisten numeroiden syöttämisen, kuten valuutan, prosentit tai muut muotoillut numerot.

PasswordField

Yhden rivin syötekenttä salasanan turvalliseen syöttämiseen ja peittämiseen.

DateField

Komponentti, joka tarjoaa oletusSelainpohjaisen päivämäärävalitsimen päivämäärän valitsemiseksi syötekentän kautta.

MaskedDateField

Päivämääräsyötekomponentti, joka pakottaa tietyn päivämäärämuodon tai kaavan, varmistaen, että käyttäjä syöttää kelvollisen päivämäärän määritellyn maskin mukaan.

TimeField

Komponentti, joka tarjoaa oletusSelainpohjaisen aikavalitsimen ajan valitsemiseksi syötekentän kautta.

MaskedTimeField

Aikasyötekomponentti, joka pakottaa tietyn aikamuodon tai kaavan, varmistaen, että käyttäjä syöttää kelvollisen ajan määritellyn maskin mukaan.

DateTimeField

Komponentti, joka tarjoaa oletusSelainpohjaisen päivämäärä- ja aikavalitsimen päivämäärän ja ajan valitsemiseksi yhdellä syötekentällä.

ColorField

Komponentti, joka tarjoaa oletusSelainpohjaisen värivalitsimen, joka mahdollistaa käyttäjien valita värin syötekentästä.

TextArea

Monta riviä syötekenttä, joka mahdollistaa käyttäjien syöttää tai muokata suurempia tekstikappaleita.

CheckBox

Komponentti, joka edustaa binääristä vaihtoehtoa, sallien käyttäjien vaihtaa valittujen (totta) tai valitsemattomien (epätosi) tilojen välillä.

RadioButton

Komponentti, joka sallii käyttäjien valita yhden vaihtoehdon ryhmästä keskenään poissulkevia valintoja.

Switch

Vaihtokomponentti, joka sallii käyttäjien vaihtaa kahden tilan välillä, kuten päällä/pois tai totta/epätosi, liukuvan toiminnan avulla.

ChoiceBox

Komponentti, joka tarjoaa avattavan luettelon ennalta määritellyistä vaihtoehdoista, mahdollistaen käyttäjien valita yksi vaihtoehto luettelosta.

ComboBox

Komponentti, joka yhdistää avattavan luettelon muokattavaan tekstisyötteeseen, sallien käyttäjien joko valita vaihtoehto luettelosta tai syöttää mukautettu arvo.

ListBox

Komponentti, joka näyttää vierittävän listan vaihtoehdoista, mahdollistaen käyttäjien valita yksi tai useampi kohde luettelosta.

Valintaikkunat

Valintaikkunat tarjoavat tavan esittää käyttäjille valintoja tai pyytää heiltä vahvistusta ennen toimintaan ryhtymistä. Nämä komponentit ovat olennaisia interaktiivisten, päätöksentekoon perustuvien työnkulkujen luomisessa, mahdollistaen käyttäjien vahvistaa, peruuttaa tai valita eri vaihtoehdoista selkeästi ja rakenteellisesti.

MessageDialog

Dialogikomponentti, jota käytetään esittämään informatiivisia viestejä tai varoituksia käyttäjälle, tyypillisesti yhdellä OK-painikkeella viestin tunnustamiseksi.

ConfirmDialog

Dialogikomponentti, joka kysyy käyttäjältä vahvistusta tai peruuttamista toiminnolle, tyypillisesti tarjoamalla Kyllä ja Ei tai OK ja Peruuta painikkeet.

InputDialog

Dialogikomponentti, joka pyytää käyttäjältä tekstin tai tiedon syöttämistä, tyypillisesti tarjoamalla syötekentän sekä toimintopainikkeet kuten OK ja Peruuta.

FileChooserDialog

Dialogikomponentti, joka mahdollistaa käyttäjien selata ja valita tiedostoja palvelimen tiedostojärjestelmästä.

FileUploadDialog

Dialogikomponentti, joka mahdollistaa käyttäjien ladata tiedostoja paikallisesta tiedostojärjestelmästään sovellukseen.

FileSaveDialog

Dialogikomponentti, joka mahdollistaa käyttäjien tallentaa tiedoston määriteltyyn sijaintiin palvelimen tiedostojärjestelmässä.

Vuorovaikutus ja näyttö

Tämä kategoria sisältää komponentteja, jotka helpottavat käyttäjävuorovaikutuksia ja näyttävät visuaalisesti tietoja tai sovellustiloja. Nämä komponentit auttavat käyttäjiä navigoimaan sovelluksessa, käynnistämään toimintoja ja ymmärtämään edistystä tai tuloksia dynaamisten visuaalisten elementtien avulla.

Taulukko

Komponentti, jota käytetään tietojen näyttämiseen rakenteellisessa, taulukkomuotoisessa muodossa riveillä ja sarakkeilla, tukee toimintoja kuten lajittelua ja sivutusta.

GoogleCharts

Komponentti, joka integroituu Google Chartsiin esittämään erilaisia ​​kaavioita ja visuaalisia tietoanalyysimuotoja sovelluksessa.

Painike

Napsautettava komponentti, joka käynnistää toiminnon tai tapahtuman, kun sitä painetaan.

Toast

Kevyt, ei-estävä ilmoituskomponentti, joka näyttää hetkellisesti viestin käyttäjälle ennen automaattista häipymistä.

Ilmoitus

Komponentti, joka näyttää tärkeitä viestejä tai varoituksia huomattavassa muodossa käyttäjän huomion kiinnittämiseksi.

Badge

Pieni etiketti-komponentti, joka näyttää laskentamääriä, tiloja tai lyhyitä metatietoja, tukee teemoja, kokoja ja kuvakkeita.

DesktopNotification

Komponentti, joka käyttää selaimen natiivia Ilmoitus-API:ta varoittaakseen käyttäjiä mukautetuilla työpöytäilmoituksilla.

Navigaattori

Mukautettava sivutuskomponentti tietoaineistojen navigointiin, tukee asetteluja, joissa on ensimmäinen, viimeinen, seuraava, edellinen painike ja nopea hyppykenttä.

ProgressBar

Komponentti, joka näytää tehtävän tai prosessin edistymisen visuaalisesti, tyypillisesti esitetty vaakasuuntaisena palkkina, joka täyttyy edistymisen myötä.

Liukusäädin

Komponentti, joka sallii käyttäjien valita arvon määritellyltä alueelta vetämällä kahvaa pitkin rataa.

BusyIndicator

Sovelluksen laajuinen visuaalinen indikaattori, tyypillisesti pyörivä, joka signaloi, että globaali prosessi on käynnissä.

Loading

Rajattu latausindikaattori, joka näyttää tietyssä päärunkoelimestä, osoittaen, että sisältö tai data ladataan siinä osiossa.

Spinner

Komponentti, joka näyttää pyörivän animaation, tyypillisesti käytetään ilmoittamaan, että prosessi tai toiminta on käynnissä.

AppNav

Komponentti, joka tarjoaa navigointimenun sovellukselle, tyypillisesti käytetään listataksesi linkkejä tai navigointikohteita eri osioiden tai näkymien välillä.

Ikoni

Komponentti, joka näyttää graafisen symbolin tai kuvan, jota käytetään usein edustamaan toimintaa, tilaa tai kategoriaa käyttöliittymässä.

Pääte

Komponentti, joka simuloisi komentoriviliittymää (CLI) sovelluksessa, mahdollistaen käyttäjien syöttää ja suorittaa tekstipohjaisia ​​komentoja.

InfiniteScroll

Komponentti, joka lataa lisää kohteita vieritettäessä, näyttää lataustilan ja seuraa, kun kaikki sisältö on haettu.

Refresher

Komponentti, joka mahdollistaa vetämällä päivitysvuorovaikutuksen vierivissä säiliöissä—ihanteellinen dynaamiseen tietojen lataamiseen.

Puu

Komponentti hierarkkisten tietojen näyttämiseen, joka antaa käyttäjille mahdollisuuden laajentaa, tiivistää ja vuorovaikuttaa sisäkkäisten kohteiden kanssa.

Avatar

Komponentti käyttäjäprofiilikuvien tai initialien näyttämiseen, tukee erilaisia kokoja, muotoja ja teemoja.

MarkdownViewer

Komponentti markdown-sisällön näyttämiseen progressiivisella merkki merkkiltä rendering, ideaalinen AI-keskusteluissa ja striimaavassa tekstissä.