UI Components

Avaa ChatGPT:ssä

In webforJ, sovelluksia luodaan modulaaristen yksiköiden, joita kutsutaan Komponenteiksi, avulla, mikä helpottaa nopeaa ja tehokasta käyttöliittymän kehittämistä. Kehys tarjoaa kattavan valikoiman olennaisia komponentteja, kuten painikkeita, syöteelementtejä ja asettelukontteja. Perusteiden hallinnan jälkeen voit konsultoida JavaDocs saadaksesi yksityiskohtaisen yleiskuvan kaikista komponenteista ja niiden toiminnallisuuksista.

Asettelu

Asettelu komponentit tarjoavat perustan käyttöliittymien jäsentämiselle, mahdollistaen kehittäjien organisoida sisältö tehokkaasti. Nämä komponentit tarjoavat erilaisia tapoja hallita lapsikomponenttien järjestystä, olipa kyseessä yksinkertaiset tai monimutkaiset asettelut.

Seuraavat asettelu komponentit on suunniteltu käsittelemään laaja valikoima käyttötapauksia, responsiivisesta suunnittelusta edistyneeseen sisällön hallintaan.

AppLayout

Konteinerikomponentti, joka tarjoaa rakenteellisen asettelun huipputason sovelluksen navigaatiolle ja sisällön organisoinnille.

Toolbar

Vaakasuuntainen konteinerikomponentti, joka pitää sisällään joukon toimintopainikkeita, kuvakkeita tai muita ohjausvälineitä, joita käytetään tyypillisesti nykyisen kontekstiin liittyvien tehtävien suorittamiseen.

FlexLayout

Asettelu komponentti, joka järjestää lapsensa joustavan laatikon (flexbox) sääntöjen avulla responsiivista suunnittelua ja kohdistamista varten.

ColumnsLayout

Asettelu komponentti, joka järjestää lapsensa useaan pystysuoraan sarakkeeseen, hyödyllinen lomakkeiden ja ruudukkomaisen rakenteen luomisessa.

Splitter

Asettelu komponentti, joka jakaa saatavilla olevan tilan kahden lapsikomponentin välillä, mahdollistaen käyttäjien muuttaa niiden kokoa vetämällä jakajapalkkia.

Drawer

Liikkuva paneelikomponentti, jota käytetään tyypillisesti sivunavigointiin tai ylimääräisten sisältöjen säilyttämiseen, jotka voidaan näyttää tai piilottaa.

Dialog

Modaalinen ikkunakomponentti, joka peittää sisällön näyttääkseen tärkeitä tietoja tai pyytääkseen käyttäjän vuorovaikutusta, usein edellyttäen käyttäjän toimintaa sulkemiseksi.

Login

Komponentti, joka tarjoaa valmiin käyttöliittymän käyttäjätunnistukseen, tyypillisesti sisältäen kentät käyttäjänimelle ja salasanalle yhdessä lähetyspainikkeen kanssa.

TabbedPane

Konteinerikomponentti, joka järjestää sisällön useisiin välilehtiin, mahdollistaen käyttäjien vaihtaa eri näkymien tai osioiden välillä.

Tietojen syöttö

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

TextField

Yksirivinen syötekomponentti tekstidatan syöttämiseen ja muokkaamiseen.

MaskedTextField

Tekstisyötekomponentti, joka rajoittaa käyttäjän syötteen tiettyyn muotoon tai kuvioon, jota käytetään tyypillisesti kentissä kuten puhelinnumerot, päivämäärät tai luottokortinumerot.

NumberField

Komponentti, joka tarjoaa selainpohjaisen syötekentän numeeristen arvojen syöttämiseen, mukana sisäänrakennetut ohjausvälineet arvon lisäämiseen tai vähentämiseen.

MaskedNumberField

Numeerinen syötekomponentti, joka rajoittaa käyttäjän syötteen tiettyyn numeeriseen muotoon tai kuvioon, varmistaen kelvollisen numero syötteen, kuten valuuttasi, prosentit tai muut muotoillut numerot.

PasswordField

Yksirivinen syötekomponentti salasanojen turvalliseen syöttämiseen ja salaamiseen.

DateField

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

MaskedDateField

Päivämääräsyötekomponentti, joka pakottaa tiettyyn päivämäärämuotoon tai kuvioon, varmistaen että käyttäjä syöttää kelvollisen päivämäärän määritellyn maskin mukaisesti.

TimeField

Komponentti, joka tarjoaa selainpohjaisen aikavalitsimen ajan valitsemiseen syötekentän kautta.

MaskedTimeField

Aikasyötekomponentti, joka pakottaa tiettyyn aikamuotoon tai kuvioon, varmistaen että käyttäjä syöttää kelvollisen ajan määritellyn maskin mukaisesti.

DateTimeField

Komponentti, joka tarjoaa selainpohjaisen päivämäärän ja ajan valitsimen sekä päivämäärän että ajan valitsemiseen yhdellä syötekentällä.

ColorField

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

TextArea

Monirivinen tekstisyötekomponentti, joka mahdollistaa käyttäjien syöttää tai muokata suurempia tekstikappaleita.

CheckBox

Komponentti, joka edustaa binaarivaihtoehtoa, mahdollistaen käyttäjien vaihtaa tarkastetun (totta) tai tarkastamattoman (epätosi) tilan välillä.

RadioButton

Komponentti, joka mahdollistaa käyttäjien valita yhden vaihtoehdon eristyksissä olevasta valintaryhmästä.

Switch

Vaihtokomponentti, joka mahdollistaa käyttäjien vaihtaa kahden tilan, kuten päällä/pois tai totta/epätosi, välillä liukuvalla toiminnalla.

ChoiceBox

Komponentti, joka tarjoaa alasvetoluettelon ennakkoon määritellyistä vaihtoehdoista, mahdollistaen käyttäjien valita yksi vaihtoehto luettelosta.

ComboBox

Komponentti, joka yhdistää alasvetoluettelon ja muokattavan tekstisyötteen, mahdollistaen käyttäjien joko valita vaihtoehdon luettelosta tai syöttää mukautetun arvon.

ListBox

Komponentti, joka näyttää vieritettävän luettelon vaihtoehdoista, mahdollistaen käyttäjien valita yhden tai useamman kohteen luettelosta.

Valintadialogit

Valintadialogit tarjoavat tavan esittää käyttäjille valintoja tai pyytää heiltä vahvistusta ennen toiminnan suorittamista. Nämä komponentit ovat olennaisia interaktiivisten, päätöksenteon mukautettujen työnkulkujen luomiseksi, mahdollistaen käyttäjien vahvistaa, peruuttaa tai valita erilaisista vaihtoehdoista selkeästi ja jäsennellysti.

MessageDialog

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

ConfirmDialog

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

InputDialog

Dialogikomponentti, joka pyytää käyttäjää syöttämään tekstiä tai tietoja, 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 omalta tiedostojärjestelmältään sovellukseen.

FileSaveDialog

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

Vuorovaikutus ja näyttö

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

Table

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

GoogleCharts

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

Button

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

Toast

Kevyt, ei-estävä ilmoituskomponentti, joka näyttää viestin käyttäjälle lyhyesti ennen kuin se häviää automaattisesti.

Alert

Komponentti, joka näyttää tärkeitä viestejä tai varoituksia huomattavassa muodossa, joka houkuttelee käyttäjän huomiota.

DesktopNotification

Komponentti, joka hyödyntää selaimen natiivin Ilmoitus API:n ilmoittaakseen käyttäjille mukautetuista työpöytäilmoituksista.

Navigator

Mukautettava sivutuskomponentti tietoaineistojen navigointiin, tukien asetteluja, joissa on ensimmäinen, viimeinen, seuraava, edellinen painikkeet ja pikahyppy kentät.

ProgressBar

Komponentti, joka visuaalisesti esittää tehtävän tai prosessin edistymistä, yleensä esitetään vaakasuorana nauhana, joka täyttyy edistymisen myötä.

Slider

Komponentti, joka mahdollistaa käyttäjien valita arvon määritellyltä alueelta vetämällä kahvaa radan varrella.

BusyIndicator

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

Loading

Rajoitettu latausindikaattori, joka näyttää tietyssä vanhemmassa komponentissa, indikoi että sisältöä tai tietoja ladataan kyseisessä osiossa.

Spinner

Komponentti, joka näyttää pyörivän animaation, jota käytetään tyypillisesti osoittamaan, että prosessi tai toiminto on käynnissä.

AppNav

Komponentti, joka tarjoaa navigaatiovalikon sovellukselle, tyypillisesti käytetään linkkien tai navigointikohteiden luetteloimiseen erilaisten osioiden tai näkymien välillä siirtymiseen.

Icon

Komponentti, joka näyttää graafisen symbolin tai kuvan, jota käytetään usein toiminnan, tilan tai kategorian esittämään käyttöliittymässä.

Terminal

Komponentti, joka simuloi komentorivikäyttöliittymää (CLI) sovelluksessa, mahdollistaen käyttäjien syöttää ja suorittaa tekstiin perustuvia komentoja.

InfiniteScroll

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

Refresher

Komponentti, joka mahdollistaa vetämällä päivittää vuorovaikutuksen vieritettävissä konteissa—ihanteellinen dynaamiseen datan lataamiseen.

Tree

Komponentti hierarkkisten tietojen näyttämiseen, mahdollistaen käyttäjien laajentaa, supistaa ja vuorovaikuttaa sisäkkäisten kohteiden kanssa.