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 ydintoimiin ja navigointielementteihin. webforJ Toolbar -komponentti on vaakasuuntainen säiliö, joka voi pitää sisällään joukon toimintapainikkeita, kuvakkeita tai muita komponentteja. Se soveltuu hyvin sivun ohjaamiseen ja keskeisten toimintojen, kuten hakupalkin tai ilmoituspainikkeen, hallintaan.

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

Toolbar järjestää olennaiset komponentit helposti saatavilla olevaan ja johdonmukaiseen asetteluun. Oletusarvoisesti se käyttää koko vanhemman elementin leveyttä ja tarjoaa neljä sijoitusaluetta, tai slotia, komponenttien järjestämiseksi:

  • Alku: Yleensä sisältää AppDrawerToggle -komponentin tai kotipainikkeen.
  • Otsikko: Käytetään sovelluksen nimille tai logoille.
  • Sisältö: Korkean huomion toiminnoille, kuten haulle tai navigoinnille.
  • Loppu: Harvinaisemmille toimille, kuten käyttäjäprofiilille tai avustukselle.

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

Seuraava demo näyttää, kuinka Toolbar voidaan lisätä AppLayout -komponenttiin ja käyttää kaikkia tuettuja slotteja tehokkaasti. Lisätietoja työkalupalkkien toteuttamisesta AppLayout-komponentissa löytyy Sticky toolbars ja Mobile navigation layout.

Näytä koodi

Kompakti tila​

Käytä setCompact(true) -metodia vähentääksesi pehmustetta Toolbar-komponentin ympäriltä. Tämä on hyödyllistä, kun tarvitset enemmän sisältöä mahtumaan näyttöön, erityisesti sovelluksissa, joissa on pinoiltuja työkalupalkkeja tai rajoitettua tilaa. Työkalupalkki käyttäytyy edelleen samalla tavalla—ainoastaan korkeus on vähennetty. Tätä tilaa käytetään yleisesti otsikoissa, sivupalkkien tai asettelujen yhteydessä, joissa tila on tiukkaa.

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

ProgressBar työkalupalkkeissa​

ProgressBar toimii visuaalisena indikaattorina meneillään oleville prosesseille, kuten tietojen lataamiselle, tiedostojen lataamiselle tai vaiheiden suorittamiselle työssä. Kun se sijoitetaan Toolbar-komponentin sisään, ProgressBar asettuu siististi alas reunoille, tehden siitä huomaamattoman kuitenkaan viestittämättä edistymistä käyttäjille.

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

Näytä koodi

Tyylitys​

Teemat​

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

Näytä koodi

Loading...