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 kontti, joka voi sisältää joukon toimintopainikkeita, kuvakkeita tai muita komponentteja. Se sopii hyvin sivun ohjausten hallintaan ja avainfunktioiden, 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 leveytensä vanhempielementistään ja tarjoaa neljä sijoitusaluetta tai slotia, joihin komponentteja voi järjestää:

  • Alku: Yleensä sisältää AppDrawerToggle -painikkeen tai kotipainikkeen.
  • Otsikko: Käytetään sovellusten nimille tai logolle.
  • Sisältö: Korkean huomion toiminnoille, kuten hakuun tai navigointiin.
  • Loppu: Vähemmän toistuville toiminnoille, kuten käyttäjäprofiilille tai avulle.

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

Seuraava esimerkki näyttää, kuinka lisätä Toolbar AppLayout -komponenttiin ja hyödyntää kaikkia tukemia slotteja tehokkaasti. Lisätietoja työkalupalkkien toteuttamisesta AppLayout-komponentissa löytyy kohdista Sticky toolbars ja Mobile navigation layout.

Näytä koodi

Kompakti tila​

Käytä setCompact(true) vähentääksesi tyhjää tilaa Toolbar-komponentin ympärillä. Tämä on hyödyllistä, kun tarvitset enemmän sisältöä mahtumaan näyttöön, erityisesti sovelluksissa, joissa on päällekkäisiä työkaluja tai rajoitettua tilaa. Työkalupalkki toimii edelleen samalla tavalla—vain korkeus on vähennetty. Tätä tilaa käytetään yleisesti otsikoissa, sivupalkissa tai asetteluissa, joissa tila on tiukkaa.

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

ProgressBar työkalupalkissa​

ProgressBar toimii visuaalisena indikaattorina meneillään olevista prosesseista, kuten datan lataamisesta, tiedostojen lataamisesta tai vaiheiden täydentämisestä prosessissa. Kun se sijoitetaan Toolbar-komponentin sisälle, ProgressBar kohdistuu siististi alareunaan, mikä tekee siitä huomaamattoman samalla kun se välittää käyttäjille selvästi edistystä.

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

Näytä koodi

Muotoilu​

Teemat​

Toolbar-komponenteissa on seitsemän valmiiksi rakennettua teemaa nopeaa visuaalista mukauttamista varten:

Näytä koodi

Loading...