Siirry pääsisältöön

Toolbar

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

Työkalupalkit tarjoavat käyttäjille nopean pääsyn ydintoimintoihin ja navigointielementteihin. webforJ Toolbar -komponentti on horisontaalinen säiliö, joka voi sisältää joukon toimintopainikkeita, kuvakkeita tai muita komponentteja. Se soveltuu hyvin sivuhallinnan ja tärkeiden toimintojen, kuten hakupalkin tai ilmoituspainikkeen, hallintaan.

Työkalupalkin sisällön järjestäminen​

Toolbar järjestää olennaiset komponentit helposti saavutettavassa ja johdonmukaisessa asettelussa. Oletuksena se vie koko vanhempansa leveyden ja tarjoaa neljä sijoitusaluetta, tai lohkoa, komponenttien järjestämiseen:

  • Alku: Yleensä sisältää AppDrawerToggle tai kotipainikkeen.
  • Otsikko: Käytetään sovellusnimille tai logolle.
  • Sisältö: Suurille huomiota vaativille toiminnoille, kuten haku tai navigointi.
  • Loppu: Harvinaisemmat toiminnot, kuten käyttäjäprofiili tai apua.

Jokaisella lohkolla on menetelmä komponenttien lisäämiseen: addToStart(), addToTitle(), addToContent(), ja addToEnd().

Seuraava demo näyttää, kuinka Toolbar lisätään AppLayout ja hyödynnetään kaikkia tuettuja lohkoja tehokkaasti. Lisää tietoa työkalupalkkien toteuttamisesta AppLayout:ssa, katso Sticky toolbars ja Mobile navigation layout.

Näytä Koodi

Kompakti tila​

Käytä setCompact(true), jotta voit vähentää tyhjää tilaa Toolbar ympärillä. Tämä on hyödyllistä, kun tarvitset enemmän sisältöä mahtumaan näytölle, erityisesti sovelluksissa, joissa on päällekkäisiä työkalupalkkeja tai rajallista tilaa. Työkalupalkki toimii silti samalla tavalla—vain korkeus on vähennetty. Tätä tilaa käytetään yleisesti otsikoissa, sivupalkissa tai asetteluissa, joissa tila on tiukka.

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

ProgressBar työkalupalkissa​

ProgressBar toimii visuaalisena indikaattorina käynnissä olevista prosesseista, kuten tietojen lataamisesta, tiedostojen lataamisesta tai vaiheiden täydentämisestä prosessissa. Kun se sijoitetaan sisään Toolbar, ProgressBar asettuu siististi alareunaan, mikä tekee siitä huomaamattoman samalla, kun se selkeästi viestii käyttäjille edistymisestä.

Voit yhdistää sen muihin komponentteihin työkalupalkissa, kuten painikkeisiin tai etiketteihin, häiritsemättä asettelua.

Näytä Koodi

Tyylitys​

Teemat​

Toolbar -komponenteissa on seitsemän sisäänrakennettua teemaa nopeaa visuaalista mukauttamista varten:

Näytä Koodi

Loading...