UI Components

Avaa ChatGPT:ssä

webforJ:ssä sovelluksia luodaan moduulimaisista yksiköistä, joita kutsutaan komponenteiksi, jotka helpottavat nopeaa ja tehokasta käyttöliittymän kehittämistä. Kehys tarjoaa valikoiman olennaisia komponentteja, kuten painikkeita, syöteelementtejä ja asettelukontteja. Perusteet hallittuasi voit katsastaa JavaDocs saadaksesi yksityiskohtaisen yleiskatsauksen kaikista komponenteista ja niiden toiminnallisuudesta.

Asettelu

Asettelukomponentit tarjoavat perustan käyttöliittymien jäsentämiselle, jolloin kehittäjät voivat organisoida sisältöä tehokkaasti. Nämä komponentit tarjoavat erilaisia tapoja hallita lapsikomponenttien järjestämistä, olipa kyseessä yksinkertaiset tai monimutkaiset asettelut.

Seuraavat asettelukomponentit on suunniteltu käsittelemään laaja valikoima käyttötapauksia, responsiivisesta suunnittelusta edistyneeseen sisällönhallintaan.

AppLayout

Säiliökomponentti, joka tarjoaa jäsennellyn asettelun sovelluksen ylimmän tason navigaatiolle ja sisällön organisoinnille.

Työkalupalkki

Vaakasuuntainen säiliökomponentti, joka sisältää joukon toimintopainikkeita, ikoneita tai muita ohjaimia, joita käytetään tyypillisesti nykyiseen kontekstiin liittyvien tehtävien suorittamiseen.

FlexLayout

Asettelu komponentti, joka järjestää lapsensa käyttämällä joustavia laatikoita (flexbox) säännöksiä responsiivista suunnittelua ja kohdistusta varten.

ColumnsLayout

Asettelu komponentti, joka järjestää lapsensa useisiin pystysuoriin sarakkeisiin, hyödyllinen lomakkeiden ja ruudukkomaisen rakenteen luomiseksi.

Splitter

Asettelu komponentti, joka jakaa käytettävissä olevan tilan kahden lapsikomponentin välillä, mahdollistaen käyttäjien koon muuttamisen vetämällä jakopalkkia.

Drawer

Liukuva paneelikomponentti, jota käytetään yleensä sivu navigaatioon tai lisäsisällön tarjoamiseen, jota voidaan näyttää tai piilottaa.

Dialogi

Modaalinen ikkunakomponentti, joka peittää sisällön tärkeän tiedon näyttämiseksi tai käyttäjän vuorovaikutuksen pyytämiseksi, usein vaatimalla käyttäjän toimintaa sulkeakseen.

Kirjautuminen

Komponentti, joka tarjoaa valmiiksi rakennettujen käyttöliittymien käyttäjäntunnistukseen, tyypillisesti sisältäen kentät käyttäjänimen ja salasanan syöttämiseksi yhdessä lähetyspainikkeen kanssa.

Accordion

Pystysuunnassa pinottu joustava paneelisetti, joissa jokaisessa on napsautettava otsikko, joka vaihtaa näkyvyyden sen sisällön välillä.

TabbedPane

Säiliökomponentti, joka organisoi sisällön useisiin välilehtiin, mahdollistaen käyttäjien vaihtaa eri näkymiä tai osioita.

Tietojen syöttö

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

Tekstikenttä

Yhden rivin syöttökomponentti tekstidatan syöttämiseksi ja muokkaamiseksi.

MaskattuTekstikenttä

Tekstisyöttökomponentti, 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 luottokortin numerot.

Numerokenttä

Komponentti, joka tarjoaa oletusarvoisen selainpohjaisen syöttökentän numerovarojen syöttämiseen, built-in-ohjaimilla arvon lisäämiseksi tai vähentämiseksi.

MaskattuNumerokenttä

Numerosyytekomponentti, joka rajoittaa käyttäjän syötettä tiettyyn numeromuotoon tai kaavaan, varmistaen sallitun numeron syöttämisen kuten valuutoille, prosentuille tai muille muotoilluille numeroille.

Salasanakenttä

Yhden rivin syöttökomponentti salasanadatan turvalliseen syöttämiseen ja naamioimiseen.

Päivämääräkenttä

Komponentti, joka tarjoaa oletusarvoisen selainpohjaisen päivämäärävalitsimen, jolla voidaan valita päivämäärä syöttökentän kautta.

MaskattuPäivämääräkenttä

Päivämääräsyöttökomponentti, joka pakottaa tiettyyn päivämäärämuotoon tai kaavaan, varmistaen, että käyttäjä syöttää voimassa olevan päivämäärän määritetyn maskin mukaan.

Aikakenttä

Komponentti, joka tarjoaa oletusarvoisen selainpohjaisen aikavalitsimen aikarajan valitsemiseksi syöttökentän kautta.

MaskattuAikakenttä

Aikasyöttökomponentti, joka pakottaa tiettyyn aikamuotoon tai kaavaan, varmistaen, että käyttäjä syöttää voimassa olevan ajan määritetyn maskin mukaan.

PäivämääräAikaKenttä

Komponentti, joka tarjoaa oletusarvoisen selainpohjaisen päivämäärä- ja aikavalitsimen, joka mahdollistaa sekä päivämäärän että ajan valitsemisen yhdestä syöttökentästä.

VäriKenttä

Komponentti, joka tarjoaa oletusarvoisen selainpohjaisen väri valitsimen, joka mahdollistaa käyttäjien valita väri syöttökentästä.

Tekstialue

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

Valintaruutu

Komponentti, joka edustaa binaarista vaihtoehtoa, mahdollistaen käyttäjien kytkeä päälle tai pois (tosi/epätosi) tilan.

Radiopainike

Komponentti, joka mahdollistaa käyttäjien valita yhden vaihtoehdon joukosta toisiinsa liittyviä valintoja.

Vaihtoehto

Kytkin komponentti, joka mahdollistaa käyttäjien vaihtaa kahden tilan, kuten päällä/pois tai tosi/epätosi, liukuvan toiminnon avulla.

Valintalaatikko

Komponentti, joka tarjoaa pudotusvalikon määritellyistä vaihtoehdoista, mahdollistaen käyttäjien valita yksi vaihtoehto listalta.

Yhdistelmälaatikko

Komponentti, joka yhdistää pudotuslistan muokattavaan tekstisyöttöön, mahdollistaen käyttäjien valita joko vaihtoehto listalta tai syöttää mukautettu arvo.

Listalaatikko

Komponentti, joka näyttää vieritettävän luettelon vaihtoehdoista, mahdollistaen käyttäjien valita yksi tai useampi kohde listalta.

Vaihtoehtodialogit

Vaihtoehtodialogit tarjoavat tavan esittää käyttäjille vaihtoehtoja tai pyytää heiltä vahvistusta ennen toiminnan jatkumista. Nämä komponentit ovat olennaisia interaktiivisten, päätöksentekopohjaisten työprosessien luomiseksi, mahdollistaen käyttäjien vahvistaa, peruuttaa tai valita erilaisista vaihtoehdoista selkeästi ja jäsennellysti.

ViestiDialogi

Dialogikomponentti, jota käytetään tiedollisten viestien tai ilmoitusten näyttämiseen käyttäjälle, tyypillisesti yhdessä OK-painikkeen kanssa viestin hyväksymiseksi.

VahvistusDialogi

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

SyöttöDialogi

Dialogikomponentti, joka pyytää käyttäjältä tekstin tai datan syöttämistä, tyypillisesti tarjoamalla syöttökentän yhdessä toimintopainikkeiden, kuten OK ja Peruuta, kanssa.

TiedostonValitsijaDialogi

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

TiedostonLähetysDialogi

Dialogikomponentti, joka mahdollistaa käyttäjille tiedostojen lataamisen paikalliselta tiedostojärjestelmältä sovellukseen.

TiedostonTallennusDialogi

Dialogikomponentti, joka mahdollistaa käyttäjille tiedostojen tallentamisen määritettyyn 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, laukaisevat toimintoja ja ymmärtämään edistystä tai tuloksia dynaamisten visuaalisten elementtien avulla.

Taulukko

Komponentti, jota käytetään tietojen näyttämiseen jäsennellyssä, taulukkomuodossa riveineen ja sarakkeineen, tukee ominaisuuksia kuten lajittelua ja sivuttamista.

GoogleCharts

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

Painike

Napsautettava komponentti, joka laukaisee toiminnon tai tapahtuman painettaessa.

Toast

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

Ilmoitus

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

Merkkilappu

Pieni merkki komponentti laskujen, tilojen tai lyhyiden metatietojen näyttämiseksi, tukee teemoja, kokoja ja ikoneita.

TyöpöydänIlmoitus

Komponentti, joka hyödyntää selaimen natiivin Ilmoitus-API:a varoittamaan käyttäjiä mukautetuilla työpöydän ilmoituksilla.

Navigaattori

Muokattava sivutuskomponentti datakokonaisuuksien navigoimiseen, tukee asetteluja ensimmäiselle, viimeiselle, seuraavalle, edelliselle painikkeelle ja nopealle hyppykentälle.

Edistyspalkki

Komponentti, joka visuaalisesti esittää tehtävän tai prosessin edistystä, tyypillisesti esitetään vaakasuorana palkkina, joka täyttyy edistyessä.

Liukusäädin

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

TyössäOlemisenIlmaisin

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

Lataus

Rajattu latausilmaisin, joka näkyy tietyssä vanhemmassa komponentissa, ilmoittaen että sisältöä tai dataa ladataan kyseisessä osassa.

Pyörijä

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

SovellusNavigointi

Komponentti, joka tarjoaa navigointimenun sovellukselle, tyypillisesti käytetään linkkien tai navigointikohteiden listaamiseen, joilla voidaan vaihtaa eri osioiden tai näkymien välillä.

Ikoni

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

Pääte

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

ÄärettömänRullaaminen

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

Päivitys

Komponentti, joka mahdollistaa kaikkeuttamisen vetämällä päivitysarvoa vieritettävissä säiliöissä, ideaalinen dynaamisen datan lataamiseen.

Puu

Komponentti hierarkisten tietojen näyttämiseen, mahdollistaen käyttäjille laajentaa, kutistaa ja vuorovaikuttaa sisäkkäisten kohteiden kanssa.

Profiilikuva

Komponentti, joka näyttää käyttäjäprofiilikuvia tai alkukirjaimia, tukee erilaisia kokoja, muotoja ja teemoja.

MarkdownNäkymä

Komponentti, joka näyttää markdown-sisältöä edistyksellisellä merkki kerrallaan renderoinnilla, ihanteellinen tekoäly-chattiliittymille ja striimattavalle tekstille.