Sander's Verhalenhoek

Sinds de uitvinding van de computermuis zie je ze overal: knopjes. Knopjes om een programma te starten, knopjes om ze weer te sluiten. Er zijn zelfs knopjes waarmee een automatisch wapen afgaat. Er zijn knopjes waar je op drukt om de rekening te betalen, er zijn knopjes waar je op drukt om geld te verdienen. Knopjes zijn tegenwoordig belangrijk.

Knopjes zijn er in verschillende vormen en maten. Sommige knopjes zijn rond, zoals bv de Start-orb uit Windows Vista en Windows 7. Andere knopjes zijn vierkant of rechthoekig (en sommigen met afgeronde hoekjes) Welk OS je ook hebt, je hebt wel een soort van knopjes tot je beschikking.

Meeste mensen zijn alleen maar bezig met wat knopjes doen, waar ik het interessant vind om knopjes te maken. In Windows Vista en nieuwer heb je over het algemeen 2 soorten knopjes. De gewone pushbutton die je echt overal ziet, en de Command Button welke een uitgebreidere uitleg verschaft.

Nou de .NET programmeurs onder jullie weten allemaal dat een PushButton als Button in de Windows.Forms namespace zit. Velen van jullie weten ook dat er een PushButton genaamd StyleButton in het MicroSE Framework zit. Deze biedt o.a. ook ondersteuning om als dropdownbutton te werken. Deze is links op de bovenstaande afbeelding te zien.

Het rechter knopje is een CommandButton, welke geheel afwezig is in het .NET Framework. Of wacht... Toch niet!

System.Windows.Forms.VisualStyles.VisualStyleRenderer is een klasse waarmee je UI elementen op je GUI kan tekenen. Dat is dus: voortgangsbalken, menu's, scrollbalken, vensters, etc.. en natuurlijk ook Knopjes!

C#:

1 2 3 4 5 6

Graphics g = //graphicsobject... Rectangle rect = new Rectangle(...) var element = VisualStyleElement.CreateElement("BUTTON", 6, 1); var vsr = new VisualStyleRenderer(element); vsr.DrawParentBackground(g, rect, this); vsr.DrawBackground(g, rect);

Dit is al genoeg om een CommandButton te tekenen. Dit doet natuurlijk nog niets, maar als je de getallen op de derde regel aanpast kan je een ander knopje / status krijgen. Daarna moet je er tekst en eventueel een plaatje op renderen en natuurlijk een OnClick event en DialogResult er aan koppelen en dan kan je het als een gewoon knopje gebruiken.

Er zijn alleen twee kleine probleempjes.
1. De bovenstaande code werkt alleen als je een visueel thema gebruikt in Windows. Dus niet de Classic stijl.
2. De bovenstaande code werkt enkel in Windows Vista en nieuwer. (De gewone Button werkt via deze renderer wél op XP)

Om aan dit probleem te ontkomen moet je eerst een controle inbouwen:

C#:

1 2 3 4

if (!VisualStyleRenderer.IsSupported || !VisualStyleRenderer.IsElementDefined(element)) {       element = null; }

Als je dat gedaan hebt, moet je een fallback-methode inbouwen. Hiervoor hebben we ButtonRenderer (System.Windows.Forms) uitgevonden. Hiermee kan je het knopje als een gewoon knopje renderen. En dit werkt ook als je de klassieke Windows weergave hebt.

En dan heb je, als het goed is, een nieuwe Control gemaakt. En dit knopje zit vanaf de volgende versie in MicroSE Connect. Gaaf hé