Percentage Bar (Dutch)

Talen: Engels (English)

Een percentagebalk is gebruikt om een deel van een geheel te laten zien. Dit UI-element vult een deel van de gehele ruimte zoals gerepresenteerd door het gespecificeerde percentage.

Je kan een percentagebalk maken door de constructor aan te roepen.

PercentageBar percentageBalk = new PercentageBar(0, 0, 9, 6);

Om het percentage te veranderen roep je setPercentage aan met het gewenste percentage. Het percentage is gerepresenteerd als een float met een bereik van (0,1). 0,5, bijvoorbeeld is gelijk aan 50%. Als je geen percentage aangeeft is deze 0%.

percentageBalk.setPercentage(0.5F);

Standaard wordt de percentagebalk horizontaal getoond. Dat houdt in dat de balk horizontaal gevuld wordt. Je kan ook specificeren dat het verticaal moet vullen, door de orientate als volgt te veranderen.

percentageBalk.setOrientation(Orientable.Orientation.VERTICAL);

In beide gevallen zal de balk beginnen met aan de linkerkant of de bovenkant te vullen (horizontaal en verticaal respectievelijk). Je kan echter de balk ook omdraaien zodat deze aan de rechter- of onderkant begint en de andere kant op vult. Je kan dit doen door gebruik te maken van de flipHorizontally en flipVertically functies.

percentageBalk.flipHorizontally(true);
percentageBalk.flipVertically(true);

XML

Alle attributen die zijn laten zien op Panes kunnen hier ook gebruikt worden.

De elementnaam voor de percentagebalk is percentagebar.

<percentagebar x="0" y="0" length="9" height="6"/>

Optionele attributen

Je kan het percentage waar het paneel op moet staan specificeren door gebruik te maken van het percentage-attribuut.

<percentagebar x="0" y="0" length="9" height="6" percentage="0.5"/>

Standaard is het percentage 0%.

Je kan ook de orientate specificeren met het orientation-attribuut.

<percentagebar x="0" y="0" length="9" height="6" orientation="vertical"/>

En je kan specificeren dat het paneel moet draaien met de flipHorizontally- en flipVertically-attributen.

<percentagebar x="0" y="0" length="9" height="6" flipHorizontally="true"/>
<percentagebar x="0" y="0" length="9" height="6" flipVertically="true"/>