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 ydin-toimintoihin ja navigointielementteihin. webforJ Toolbar komponentti on vaakasuuntaan oleva säiliö, joka voi sisältää joukon toimintopainikkeita, ikoneita tai muita komponentteja. Se sopii hyvin sivun hallintapainikkeiden hallintaan ja keskeisten toimintojen, kuten hakupalkin tai ilmoituspainikkeen, sijoittamiseen.

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

Toolbar järjestää olennaiset komponentit helposti saavutettavaan ja johdonmukaiseen asetteluun. Oletusarvoisesti se vie koko vanhemman elementin leveyden ja tarjoaa neljä sijoitusaluetta, tai paikkaa, komponenttien järjestämiseen:

  • Alku: Yleensä sisältää AppDrawerToggle tai kotipainikkeen.
  • Otsikko: Käytetään sovelluksen nimille tai logoille.
  • Sisältö: Korkean huomion saavat toiminnot, kuten haku tai navigointi.
  • Loppu: Harvemmin käytettävät toiminnot, kuten käyttäjäprofiili tai apu.

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

Seuraava demo näyttää, kuinka lisätä Toolbar AppLayout ja käyttää kaikkia tuettuja paikkoja tehokkaasti. Lisätietoja työkalupalkkien toteuttamisesta AppLayout-sovelluksessa saa kohdista Sticky toolbars ja Mobile navigation layout.

Näytä koodi

Kompakti tila​

Käytä setCompact(true) pienentämään välistystä Toolbar-komponentin ympärillä. Tämä on hyödyllistä, kun tarvitset enemmän sisältöä mahtumaan ruudulle, erityisesti sovelluksissa, joissa on päällekkäisiä työkalupalkkeja tai rajallista tilaa. Työkalupalkki käyttäytyy edelleen samoin—vain korkeus on pienentynyt. Tätä tilaa käytetään yleisesti otsikoissa, sivupalkeissa 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 suorittamisesta prosessissa. Kun se sijoitetaan Toolbar-komponenttiin, ProgressBar asettuu siististi alareunaan, tehden siitä huomaamattoman, mutta silti selkeästi viestittävän edistymisestä käyttäjille.

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

Näytä koodi

Tyylittely​

Teemat​

Toolbar komponentit sisältävät seitsemän sisäänrakennettua teemaa nopeaa visuaalista mukauttamista varten:

Näytä koodi

Loading...