Siirry pääsisältöön

Toolbar

Avaa ChatGPT:ssä
Varjo dwc-toolbar 24.12
Java API

Työkalupalkit tarjoavat käyttäjille nopean pääsyn keskeisiin toimintoihin ja navigointielementteihin. webforJ Toolbar -komponentti on vaakasuora säiliö, joka voi sisältää joukon toimintopainikkeita, kuvakkeita tai muita komponentteja. Se on hyvin soveltuva sivun ohjausten hallintaan ja tärkeiden toimintojen, kuten hakupalkin tai ilmoituspainikkeen, ylläpitoon.

Työkalupalkin sisällön organisointi​

Toolbar järjestää olennaiset komponentit helposti saavutettavaan ja johdonmukaiseen asetteluun. Oletuksena se ottaa täyden leveyden vanhempaansa nähden ja tarjoaa neljä sijaintialuetta, tai paikkaa, komponenttien järjestämiseen:

  • Alku: Sisältää yleensä AppDrawerToggle -painikkeen tai kotipainikkeen.
  • Otsikko: Käytetään sovellusten nimille tai logoille.
  • Sisältö: Erittäin huomiota herättäville toiminnoille, kuten haku tai navigointi.
  • Loppu: Vähemmän käytetyt toiminnot, kuten käyttäjäprofiili tai apu.

Jokaisessa paikassa on menetelmä komponenttien lisäämiseksi: addToStart(), addToTitle(), addToContent(), ja addToEnd().

Seuraavassa demonstroidaan, kuinka lisätä Toolbar AppLayout -komponenttiin ja hyödyntää kaikkia tuettuja paikkoja tehokkaasti. Lisätietoja työkalupalkkien toteuttamisesta AppLayout-komponentin sisällä löytyy osoitteista Sticky toolbars ja Mobile navigation layout.

Näytä koodi

Tiivistetty tila​

Käytä setCompact(true) -menetelmää vähentääksesi tyhjää tilaa Toolbar-komponentin ympärillä. Tämä on hyödyllistä, kun sinun tarvitsee mahduttaa enemmän sisältöä näytölle, erityisesti sovelluksissa, joissa on päällekkäin olevia työkalupalkkeja tai rajoitettua tilaa. Työkalupalkki toimii silti samalla tavalla—vain korkeus on pienempi. Tämä tila on yleisesti käytössä yläosissa, sivupalkissa tai asetteluissa, joissa tila on tiukka.

Toolbar toolbar = new Toolbar();
toolbar.setCompact(true);
Näytä koodi

ProgressBar työkalupalkissa​

ProgressBar toimii visuaalisena indikaattorina meneillään oleville prosesseille, kuten tietojen lataamiselle, tiedostojen lataamiselle tai vaiheiden suorittamiselle prosessissa. Kun se sijoitetaan Toolbar-komponentin sisälle, ProgressBar asettuu siististi alareunaan, mikä tekee siitä huomaamattoman, mutta silti selvästi viestii käyttäjille edistymisestä.

Voit yhdistää sen muihin komponentteihin työkalupalkissa, kuten painikkeisiin tai etiketteihin, ilman asettelun häiritsemistä.

Näytä koodi

Tyylit​

Teemat​

Toolbar-komponentit sisältävät seitsemän sisäänrakennettua teemaa nopeaa visuaalista räätälöintiä varten:

Näytä koodi

Loading...