Stap 2: Ontwerp de grafische gebruikersinterface (GUI)
Handige Tip:
- In de werkset Eigenschappen is ingesteld in alfabetische volgorde. Verwijzen naar het beeld van de werkset, groene cirkel.
Stap 1: Klik overal op het formulier
Stap 2: Typ In het eigenschappenvenster onder de teksteigenschap, eenvoudige Calculator
Stap 3: Selecteer In het eigenschappenvenster onder de StartPosition-eigenschap, CenterScreen
Stap 4: Selecteer In het eigenschappenvenster onder FormBorderStyle, Fixed3D
Stap 5: Klik en sleep een label vanuit de werkset naar het formulier
Stap 6: Terwijl het etiket is geselecteerd in het eigenschappenvenster de teksteigenschap, Typ onder eenvoudige rekenmachine. Opmerking: Aangezien dit label de belangrijkste tekst met een beschrijving van de tekst is, u kunt de grootte en de durf van de tekst onder de Font-eigenschap in het eigenschappenvenster wijzigen maar is niet vereist voor dit project
Stap 7: Ga naar dit doen voor de volgende labels (5) en plaats hen dienovereenkomstig. Een naam geven: Operators, werking, Operand 1, Operand 2 en resultaat (zie foto) Opmerking: objecten kunnen worden gesleept of dubbel geklikt om te worden geplaatst op de GUI
Stap 8: Klik en sleep een button van de werkset
Stap 9: Het onder het label "Marktdeelnemers" te plaatsen.
Stap 10: Terwijl de knop is geselecteerd in het eigenschappenvenster onder de naameigenschap, voer btnAdd
Stap 11: Onder de teksteigenschap, geef een plusteken
Stap 12: Klik en sleep een tekstvak van de werkset naast de label "Operand 1" (zie foto)
Stap 13: Terwijl het tekstveld is geselecteerd, in het eigenschappenvenster onder de naameigenschap, voer txtOperand1
Stap 14: Herhaal stap 12 maar plaatst de tweede TextBox naast de label "Operand 2" (zie foto)
Stap 15: Herhaal stap 13 maar noem maar op txtOperand2
Stap 16: Klik en sleep een label tussen de twee tekstvakken (zie foto)
Stap 17: Terwijl het etiket is geselecteerd in het eigenschappenvenster onder de naameigenschap, voer lblOperator
Stap 18: Verwijder de eigenschap text van lblOperator zodat het is leeg
Stap 19: Selecteer onder eigenschap AutoSize de 9de, False. Opmerking: Hiermee kunt u het formaat wijzigen van het label op uw wens
Stap 20: Selecteer onder de eigenschap Randstijl (BorderStyle) Fixed3D
Stap 21: Klik en sleep een ander label naast het label "Resultaat"
Stap 22: Herhaal stap 17, noem maar op lblDisplay
Stap 23: Herhaal stap 18 en 19
Stap 24: Klik en sleep een button van de werkset onder het label 'Resultaat' (zie foto)
Stap 25: Terwijl de knop is geselecteerd, in het eigenschappenvenster onder de naameigenschap, voer btnClear
Stap 26: Wijzig de eigenschap text voor de knop wissen wissen
Stap 27: Klik en sleep een button van de werkset naast de knop wissen (zie foto)
Stap 28: Terwijl de knop is geselecteerd, in het eigenschappenvenster onder de naameigenschap, voer btnExit
Stap 29: Wijzig de eigenschap text voor de knop Wissen naar uitgang
Stap 30: Voer de volgende code door te dubbelklikken op elke knop te openen het codevenster:
