OOUI/Toolbars/nl

Werkbalken
Werkbalken zijn complexe interfacecomponenten waarmee gebruikers eenvoudig toegang hebben tot een verscheidenheid aan hulpmiddelen (bijvoorbeeld opmaakopdrachten) en acties, die extra opdrachten zijn die deel uitmaken van de werkbalk, maar niet zijn geconfigureerd als hulpmiddelen.

Ontwikkelaars maken en passen de afzonderlijke hulpmiddelen aan en registreren ze vervolgens bij een ToolFactory, die ze op aanvraag maakt. Elk hulpmiddel heeft een symbolische naam (gebruikt bij het registreren ervan), een titel (bijvoorbeeld 'Afbeelding invoegen') en een pictogram.

Individuele hulpmiddelen zijn georganiseerd in groepen, die worden weergegeven als menu's met hulpmiddelen, lijsten met hulpmiddelen, of als een enkele balk met hulpmiddelen. U kunt de rangschikking en volgorde van de hulpmiddelengroepen aanpassen door het instellen van de werkbalk. Hulpmiddelen kunnen in elke volgorde worden weergegeven, maar ze kunnen slechts één keer in de werkbalk worden weergegeven.

Hieronder ziet u een voorbeeld van een basiswerkbalk. We zullen later in deze documentatie nader kijken naar elk van deze gebruikte componenten in dit voorbeeld. Als u deze demo live wilt zien, raadpleeg de gegenereerde documentatie.

Hulpmiddelen
Hulpmiddelen worden gemaakt door de abstracte class Tool of een van de subclasses ervan uit te breiden, PopupTool of ToolGroupTool. Elk hulpmiddel moet worden geconfigureerd met de eigenschappenː


 * &mdash; De symbolische naam wordt intern gebruikt om het hulpmiddel te registreren bij een ToolFactory. Hulpmiddelen moeten worden geregistreerd voordat ze in een werkbalk kunnen worden gebruikt.
 * &mdash; De titeltekst wordt op verschillende manieren gebruikt, afhankelijk van het type groep waarin het hulpmiddel is geplaatst (BarToolGroup, MenuToolGroup of ListToolGroup). Voor 'balk'-hulpmiddelgroepen, waarbij alleen een pictogram wordt weergegeven om het hulpmiddel te identificeren, wordt de titeltekst gebruikt als knopinfo die wordt weergegeven wanneer een gebruiker de muis over het pictogram beweegt. Voor 'lijst'-hulpmiddelgroepen wordt de titeltekst gebruikt om het hulpmiddel te identificeren in de vervolgkeuzemenu's die in de gebruikersinterface worden gebruikt. Als er een sneltoets is gedefinieerd voor het hulpmiddel, wordt de sneltoets automatisch weergegeven. Voor hulpmiddelen in 'balk'-hulpmiddelgroepen wordt de sneltoets weergegeven in de knopinfo; Voor hulpmiddelen in de groepen 'Menu' en 'Lijst' verschijnt de snelkoppeling rechts van het item in het vervolgkeuzemenu.
 * &mdash; Het pictogram wordt ook op verschillende manieren gebruikt, afhankelijk van het groepstype waarin het hulpmiddel zich bevindt. Voor 'bar'-hulpmiddelgroepen wordt het pictogram weergegeven in de werkbalk om het hulpmiddel te identificeren. Voor 'lijst'-hulpmiddelgroepen wordt het pictogram weergegeven naast de titeltekst in het vervolgkeuzemenu. Voor 'menu'-hulpmiddelgroepen wordt het pictogram genegeerd.

Naast de statische eigenschappen moet een hulpmiddel ook twee methoden implementeren:


 * onSelect &mdash; wordt gebruikt om de actie op te geven die het hulpmiddel moet uitvoeren wanneer het is geselecteerd
 * onUpdateState &mdash; wordt gebruikt om de status van het hulpmiddel te synchroniseren met de status van de grotere context. Deze methode kan bijvoorbeeld worden gebruikt om 'vet' in de werkbalk te selecteren wanneer de tekstcursor binnen een gebied met vetgedrukte tekst wordt verplaatst.

Een hulpmiddel kan ook worden geconfigureerd met een statische eigenschap 'group', die later kan worden gebruikt bij het toevoegen van het hulpmiddel aan een balk, menu of toolgroep (zie ToolGroepen voor een voorbeeld van hoe dit wordt gedaan):

Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie van de class Tool.

PopupTool
Pop-up hulpmiddelen openen een pop-upvenster wanneer ze worden geselecteerd op de werkbalk. In tegenstelling tot standaardhulpmiddelen vereisen pop-upss niet dat ontwikkelaars een methode van  of   opgeven, omdat deze methoden al zijn geïmplementeerd.

Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie van de class PopupTool.

ToolGroupTool
Een ToolGroupTool is een speciaal soort hulpmiddel die andere hulpmiddelen of groepen daarvan kan bevatten. De ToolGroupTool is speciaal ontworpen om te worden gebruikt in een balkhulpmiddelgroep om toegang te bieden tot extra hulpmiddelen vanuit het balkitem.

Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie van de class ToolGroupTool.

ToolGroups
Hulpmiddelen worden georganiseerd in hulpmiddelgroepen, die worden gemaakt door een ToolGroupFactory en vervolgens worden toegevoegd aan de werkbalk wanneer de werkbalk wordt ingesteld. Afzonderlijke hulpmiddelen kunnen aan elk type groep (balk (bar), lijst (list) of menu) worden toegevoegd. Het type van de groep bepaalt hoe de opgenomen hulpmiddelen op de werkbalk worden gerangschikt:
 * &mdash; Hulpmiddelen worden in rij weergegeven met een pictogram per hulpmiddel.
 * &mdash; Hulpmiddelen worden weergegeven met een label en pictogram in een vervolgkeuzemenu. De titel van het hulpmiddel wordt gebruikt als labeltekst. De lijst kan worden geconfigureerd om te worden samengevouwen en uitgebreid met de configuratie-instelling allowCollapse.
 * &mdash; Hulpmiddelen worden weergegeven met een label in een vervolgkeuzemenu. De titel van het hulpmiddel wordt gebruikt als labeltekst. 'menu'-hulpmiddelengroepen worden over het algemeen gebruikt voor sets van elkaar uitsluitende hulpmiddelen, zoals een groep opdrachten voor tekstopmaak (alinea, kop, enz.).

Hulpmiddelen kunnen op verschillende manieren aan een groep worden toegevoegd: op symbolische naam, op groepsnaam of met een '* ' (sterretje) catch-all:

Hulpmiddelen toevoegen met ː

Hulpmiddelen toevoegen met. De groepsnaam van een hulpmiddel wordt opgegeven met de statische eigenschap 'group' van het hulpmiddel. voorbeeld

Voeg hulpmiddelen toe met de ː

Ontwikkelaars kunnen de rangschikking van de hulpmiddelen verder beheren met behulp van de configuratieopties  en   van de groep, die ze respectievelijk bovenaan de lijst (of voorkant van de werkbalk) of aan het einde plaatsen. Deze instellingen zijn vooral handig wanneer hulpmiddelen massaal aan de werkbalk zijn toegevoegd (bijvoorbeeld met het sterretje of wanneer een groep aan een groep wordt toegevoegd) om hun prioriteit te beheren.

BarToolGroup
Hulpmiddelen in een   worden weergegeven door het pictogram in een enkele rij. De titel van het hulpmiddel wordt weergegeven wanneer gebruikers de muis erover bewegen.

Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie van de class BarToolGroup.

ListToolGroup
Hulpmiddelen in een   worden weergegeven door pictogram en label in een vervolgkeuzemenu. De titel van het hulpmiddel wordt gebruikt als labeltekst. Lijstgroepen kunnen worden geconfigureerd om te worden uitgevouwen en samengevouwen. Samengevouwen lijsten hebben een optie 'Meer' die gebruikers kunnen selecteren om de volledige lijst met hulpmiddelen te zien. Als een samengevouwen groep wordt uitgevouwen, kunnen gebruikers met een optie 'Minder' de lijst samenvouwen.

Naast een  kan   ook worden geconfigureerd met een   en  :

Gebruik de instelling  om hulpmiddelen aan te wijzen als inklapbaar ('help' en 'stuff', in het volgende voorbeeld). Standaard wordt de lijst geopend in de samengevouwen status en moeten gebruikers op de optie 'Meer' klikken om de lijst met hulpprogramma's te zien:

Als u een inklapbare lijst in de uitgevouwen status wilt weergeven wanneer de lijst wordt geopend, stelt u de instelling  in op  :

U kunt ook de namen opgeven van hulpmiddelen die nooit mogen worden samengevouwen. Dit wordt gedaan met de instelling. In het volgende voorbeeld is alleen het hulpmiddel 'help' aangewezen als uitgevouwen; Alle andere zijn standaard samengevouwen.

Voor een volledige lijst met ondersteunde methoden en configuratieopties, zie de code-level documentatie van de class ListToolGroup.

MenuToolGroup
Hulpmiddelen in een   worden weergegeven met een label in een vervolgkeuzemenu. De titel van het hulpmiddel wordt gebruikt als labeltekst en het menulabel wordt bijgewerkt om aan te geven welke hulpmiddelen nu zijn geselecteerd. NBː Elk hulpmiddel moet een methode  definiëren als een   wordt gebruikt.



De werkbalk configureren
Naast het bevatten van hulpmiddelgroepen kan de werkbalk worden geconfigureerd met acties, CSS, acceleratortoetsen en/of een optionele schaduw.

Merk op dat 'acties' in de context van de werkbalk verschillen van ActionWidgets. Voor werkbalken verwijst 'acties' naar een lege container die rechts is uitgelijnd en kan bevatten wat u maar wilt.



Toolgroup toebvoegen
Hulpmiddelgroepen worden toegevoegd aan de werkbalk met de methode  van de werkbalk:



Een actie toevoegen
Werkbalken hebben een optioneel 'acties'-gebied, dat opdrachten bevat die beschikbaar zijn voor gebruikers, maar niet zijn geconfigureerd als hulpmiddelen. In het volgende voorbeeld is de werkbalk geconfigureerd om acties te gebruiken, in dit geval twee extra knoppen, 'Actie' en 'Uitgeschakeld'. Kortheidshalve is alleen de actiespecifieke code in het voorbeeld opgenomen (de rest is precies hetzelfde als de basiswerkbalk).



CSS gebruiken voor opmaak labels
In het volgende voorbeeld worden CSS-klassen gebruikt om het uiterlijk van de gereedschapslabels 'oo-ui-tool-name-&lt;' en '>' aan te passen. In het volgende voorbeeld worden CSS-klassen gebruikt om het uiterlijk van de labels 'picture' en 'help' aan te passen.





Sneltoetsen gebruiken
De OOUI-bibliotheek bevat geen versnellersysteem, maar de klasse Toolbar bevat wel er een hook voor. Als u een versnellersysteem wilt gebruiken, subclasseert u de werkbalk en overschrijft u de methode, die bedoeld is om een label te retourneren dat de versnellersleutels beschrijft voor het hulpmiddel dat (met symbolische naam) aan de methode is doorgegeven.

Versnellerlabels (bijvoorbeeld Ctrl + M ) worden op verschillende manieren weergegeven, afhankelijk van het type hulpmiddelengroep dat wordt gebruikt:


 * For bar toolgroups, the accelerator label appears in the tooltip displayed when users move the mouse over the tool.
 * For menu and list toolgroups, the accelerator label is right-aligned and rendered in gray text, which still complies to WCAG level AA.



De werkbalk maken
De werkbalk moet aan het document worden toegevoegd voordat het kan worden gemaakt. Zodra het is toegevoegd, kan de werkbalk worden geïnitialiseerd:

Voor een volledige lijst met ondersteunde methoden en configuratieopties raadpleegt u deze documentatie over werkbalken.