UI Components

Avaa ChatGPT:ssä

In webforJ, sovelluksia luodaan modulaaristen yksiköiden, eli komponenttien, avulla, jotka helpottavat nopeaa ja tehokasta käyttöliittymän kehittämistä. Kehys tarjoaa joukon olennaisia komponentteja, kuten painikkeita, syötekenttiä ja asettelukontteja. Perusteiden hallinnan jälkeen voit tutustua JavaDocs -sivustoon saadaksesi yksityiskohtaisen yleiskatsauksen kaikista komponenteista ja niiden toiminnoista.

Asettelu

Asettelukomponentit tarjoavat perustan käyttöliittymien rakenteelle, mahdollistaen kehittäjien järjestää sisältöä tehokkaasti. Nämä komponentit tarjoavat erilaisia tapoja hallita lapsikomponenttien järjestystä, olipa kyseessä yksinkertainen tai monimutkainen asettelu.

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

AppLayout

Konttikomponentti, joka tarjoaa rakenteellisen asettelun ensisijaiselle sovelluksen navigoinnille ja sisällön järjestämiselle.

Työkalupalkki

Vaakasuuntainen konttikomponentti, joka sisältää joukon toimintopainikkeita, kuvakkeita tai muita ohjaimia, joita käytetään yleensä suorittamaan tehtäviä nykyisessä kontekstissa.

FlexLayout

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

ColumnsLayout

Asettelukomponentti, joka järjestää lapsensa useisiin pystysuoriin sarakkeisiin, hyödyllinen lomakkeiden ja ruudukkojen kaltaisten rakenteiden luomiseen.

Splitter

Asettelukomponentti, joka jakaa käytettävissä olevan tilan kahden lapsikomponentin välillä, mikä sallii käyttäjien muuttaa niiden kokoa vetämällä jakopalkkia.

Piirros

Liukuva paneelikomponentti, jota käytetään yleensä sivunavigaatiossa tai lisäsisällön majoittamisessa, joka voidaan näyttää tai piilottaa.

Dialogi

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

Kirjautuminen

Komponentti, joka tarjoaa valmiiksi rakennettua käyttöliittymää käyttäjäautentikointia varten, sisältäen yleensä kentät käyttäjänimelle ja salasanalle sekä lähetyspainikkeen.

TabulaarinenPaneeli

Konttikomponentti, joka järjestää sisällön useisiin välilehtiin, mahdollistaen käyttäjien siirtyä eri näkymien tai osien välillä.

Tietojen syöttö

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

Tekstikenttä

Yhden rivin syötekenttä tekstidatan syöttämiseen ja muokkaamiseen.

MaskattuTekstikenttä

Tekstisyötekenttä, joka rajoittaa käyttäjän syötteen tiettyyn muotoon tai malliin, käytetään yleensä kentissä kuten puhelinnumerot, päivämäärät tai luottokorttinumerot.

Numerokenttä

Komponentti, joka tarjoaa oletusselaimen syötekentän numerovarojen syöttämiseen, sisäänrakennetuilla ohjaimilla arvon lisäämiseksi tai vähentämiseksi.

MaskattuNumerokenttä

Numeroidun syötekenttä, joka rajoittaa käyttäjän syötteen tiettyyn numeeriseen muotoon tai malliin, varmistaen kelvollisen numeron syötön, kuten valuutalle, prosenteille tai muille muotoilluille numeroille.

Salasanakenttä

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

Päivämääräkenttä

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

MaskattuPäivämääräkenttä

Päivämääräsyötekenttä, joka pakottaa tiettyyn päivämäärämuotoon tai malliin, varmistaen, että käyttäjä syöttää kelvollisen päivämäärän määriteltyjen maskien mukaan.

Aikakenttä

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

MaskattuAikakenttä

Aikasyötekenttä, joka pakottaa tiettyyn aikamuotoon tai malliin, varmistaen, että käyttäjä syöttää kelvollisen ajan määriteltyjen maskien mukaan.

PäivämääräAikakenttä

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

VäriKenttä

Komponentti, joka tarjoaa oletusselaimen väriä valitsevan työkalun, antaen käyttäjien valita väri syötekentästä.

Tekstialue

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

Ruutu

Komponentti, joka edustaa binäärivaihtoehtoa, mahdollistaen käyttäjien vaihtaa valittua (totta) tai valitsematonta (epätotta) tilaa.

Radiopainike

Komponentti, joka sallii käyttäjien valita yhden vaihtoehdon joukosta keskenään poissulkevista valinnoista.

Kytkin

Vaihteen komponentti, joka sallii käyttäjien siirtyä kahden tilan, kuten päällä/pois tai totta/epätotta, välillä liukusäätimen avulla.

Valintaruutu

Komponentti, joka tarjoaa alasvetovalikon ennalta määrättyjä vaihtoehtoja, mahdollistaen käyttäjien valita yhden vaihtoehdon listalta.

Yhdistelmäruutu

Komponentti, joka yhdistää alasvetovalikon muokattavaan tekstisyötekenttään, mahdollistaen käyttäjien valita joko vaihtoehdon listalta tai syöttää mukautetun arvon.

Luetteloruutu

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

Vaihtoehtodialogit

Vaihtoehtodialogit tarjoavat tavan esittää käyttäjille valintoja tai pyytää heitä vahvistamaan ennen kuin toiminta jatkuu. Nämä komponentit ovat olennaisia luotaessa interaktiivista, päätöksentekoon perustuvaa työnkulkua, mahdollistaen käyttäjien vahvistaa, peruuttaa tai valita eri vaihtoehdoista selkeällä ja jäsennellyllä tavalla.

ViestiDialogi

Dialogikomponentti, jota käytetään näyttämään tietoja tai varoituksia käyttäjälle, yleensä yhdellä OK -painikkeella, jolla vahvistetaan viesti.

VahvistusDialogi

Dialogikomponentti, joka kysyy käyttäjältä vahvistusta tai peruuttaako toiminnan, yleensä tarjoamalla Kyllä ja Ei tai OK ja Peruuta -painikkeita.

SyöttöDialogi

Dialogikomponentti, joka kehottaa käyttäjää syöttämään tekstiä tai tietoa, yleensä tarjoten syötekentän sekä toimintopainikkeet kuten OK ja Peruuta.

TiedostonValitsijaDialogi

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

TiedostonLatausDialogi

Dialogikomponentti, joka mahdollistaa käyttäjien ladata tiedostoja heidän paikalliselta tiedostojärjestelmältään sovellukseen.

TiedostonTallennusDialogi

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

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 edistymistä tai tuloksia dynaamisten visuaalisten elementtien kautta.

Taulukko

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 Charts -palvelun kanssa näyttämään erilaisia kaavioita ja visuaalisia tietoesityksiä sovelluksessa.

Painike

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

Toast

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

Varoitus

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

TyöpöytäIlmoitus

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

Navigaattori

Muokattava sivutuskomponentti tietojoukkojen selaamiseen, tukien asetteluja, joissa on ensimmäinen, viimeinen, seuraava, edellinen painike ja nopeat hyppy-kentät.

Edistymispalkki

Komponentti, joka visuaalisesti esittää tehtävän tai prosessin edistymistä, yleensä esitetty vaakasuorassa palkissa, joka täyttyy edistymisen mukaan.

Liukusäädin

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

Kiireindikaattori

Yleinen visuaalinen indikaattori sovelluksessa, yleensä pyörivä animaatio, joka merkitsee, että globaali prosessi on käynnissä.

Lataus

Rajoitettu latausindikaattori, joka näkyy tietyssä vanhemmassa komponentissa, mikä ilmoittaa, että sisältöä tai tietoja ladataan kyseisellä alueella.

Pyörijä

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

SovellusNavigaatio

Komponentti, joka tarjoaa navigointivalikon sovellukselle, käytetään tyypillisesti linkkien tai navigointiesineiden luetteloimiseen, jotta voidaan vaihtaa eri osien tai näkymien välillä.

Kuvake

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

Pääte

Komponentti, joka simuloi komento-rivi käyttöliittymää (CLI) sovelluksessa, sallien käyttäjien syöttää ja suorittaa tekstipohjaisia komentoja.

InfiniteScroll

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

Päivittäjä

Komponentti, joka mahdollistaa pyyhkäisemällä päivän päivitystoiminnon vieritettävissä kontteissa—ihanteellinen dynaamiselle tietojen lataamiselle.

Puu

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

Avatar

Komponentti käyttäjäprofiilikuva tai alkukirjainten näyttämiseen, tukien erilaisia kokoja, muotoja ja teemoja.