Overzicht: Besturingselementen in Windows Forms rangschikken met behulp van snaplines

Artikel
12/18/2024

Nauwkeurige plaatsing van besturingselementen op uw formulier is een hoge prioriteit voor veel toepassingen. De Windows Forms Designer biedt u veel indelingshulpmiddelen om dit te bereiken. Een van de belangrijkste is de SnapLine functie.

Met snaplines kunt u precies aangeven waar u besturingselementen kunt uitlijnen met andere besturingselementen. Ze tonen u ook de aanbevolen afstanden voor marges tussen besturingselementen, zoals opgegeven door de richtlijnen voor de Windows-gebruikersinterface.

Met snaplines kunt u uw besturingselementen gemakkelijk uitlijnen, voor helder, professioneel uiterlijk en gedrag (uiterlijk en gevoel).

Het project maken

Maak in Visual Studio een Windows-toepassingsproject met de naam 'SnaplineExample'.
Selecteer het formulier in de formulierontwerper.

Ruimten en bedieningselementen uitlijnen

Snaplines bieden een nauwkeurige en intuïtieve manier om besturingselementen in uw formulier uit te lijnen. Deze worden weergegeven wanneer u een geselecteerd besturingselement of een geselecteerde besturingselementen verplaatst in de buurt van een positie die overeenkomt met een ander besturingselement of een andere set besturingselementen. Uw selectie wordt automatisch uitgelijnd op de voorgestelde positie zodra u deze voorbij de andere bedieningsknoppen verplaatst.

Besturingselementen rangschikken met behulp van snaplines

Sleep een Button besturingselement van de Werkbalk naar je formulier.
Verplaats het besturingselement Button naar de rechterbenedenhoek van het formulier. Let op de snaplines die worden weergegeven als het besturingselement Button de onder- en rechterranden van het formulier nadert. Deze snaplines geven de aanbevolen afstand weer tussen de randen van het besturingselement en het formulier.
Verplaats het besturingselement Button rond de randen van het formulier en noteer waar de snaplijnen worden weergegeven. Wanneer u klaar bent, verplaatst u het besturingselement Button in het midden van het formulier.
Sleep nog een Button besturingselement uit de Werkset naar het formulier.
Verplaats het tweede Button besturingselement totdat het bijna gelijk is aan de eerste. Let op de snapline die wordt weergegeven op de tekstbasislijn van beide knoppen en houd er rekening mee dat het besturingselement dat u verplaatst, uitlijnt naar een positie die precies gelijk is aan het andere besturingselement.
Verplaats het tweede Button besturingselement totdat het direct boven de eerste bevindt. Let op de snaplines die langs de linker- en rechterkant van beide knoppen verschijnen en merk op dat de controle die u verplaatst, precies op één lijn komt met de andere controle.
Kies een van de Button bedieningselementen en verplaats deze dicht bij de andere, totdat ze bijna elkaar raken. Noteer de snapline die ertussen wordt weergegeven. Deze afstand is de aanbevolen afstand tussen de randen van de besturingselementen. Houd er ook rekening mee dat het besturingselement dat u verplaatst, naar deze positie wordt verplaatst.
Sleep twee Panel besturingselementen uit de Werkbalk op uw formulier.
Verplaats een van de Panel bedieningselementen totdat deze nagenoeg gelijk is aan de eerste. Let op de snaplijnen die langs de boven- en onderrand van beide bedieningselementen worden weergegeven en houd er rekening mee dat het bedieningselement dat u verplaatst, klikt in een positie die exact gelijk is met het andere bedieningselement.

Uitlijnen op vorm- en containermarges

Met snaplines kunt u uw besturingselementen op een consistente manier uitlijnen op formulier- en containermarges.

Selecteer een van de Button besturingselementen en verplaats deze dicht bij de rechterrand van het formulier totdat een snapline wordt weergegeven. De afstand van de snapline tot de rechterrand is de som van de eigenschap Margin van het besturingselement en de eigenschap Padding van het formulier.

Notitie

Als de eigenschap Padding van het formulier is ingesteld op 0,0,0,0, geeft de Windows Forms Designer het formulier een geschaduwde Padding-waarde van 9,9,9,9. Als u dit gedrag wilt overschrijven, wijst u een andere waarde dan 0,0,0,0 toe.
Wijzig de waarde van de eigenschap Margin van het Button besturingselement door de vermelding Margin uit te vouwen in het venster Eigenschappen en de eigenschap All in te stellen op 0. Voor meer informatie, zie Walkthrough: Windows Forms-besturingselementen indelen met opvulling, marges en de AutoSize-eigenschap.
Verplaats het Button besturingselement dicht bij de rechterrand van het formulier totdat er een snaplijn verschijnt. Deze afstand wordt nu gegeven door de waarde van de eigenschap Padding van het formulier.
Sleep een GroupBox besturingselement van de Toolbox op uw formulier.
Wijzig de waarde van de eigenschap Padding van het GroupBox besturingselement door de vermelding Padding uit te vouwen in het venster Eigenschappen en de eigenschap All in te stellen op 10.
Sleep een Button-besturingselement vanuit de Toolbox naar het besturingselement GroupBox.
Verplaats het Button-bedieningselement dicht bij de rechterrand van het GroupBox-bedieningselement totdat een hulplijn wordt weergegeven. Verplaats het besturingselement Button binnen het GroupBox besturingselement en noteer waar de snaplijnen worden weergegeven.

Uitlijnen op gegroepeerde besturingselementen

U kunt snaplines gebruiken om zowel gegroepeerde besturingselementen alsook besturingselementen binnen een GroupBox-besturingselement uit te lijnen.

Selecteer twee van de besturingselementen in het formulier. Verplaats de selectie en noteer de snaplines die tussen uw selectie en de andere besturingselementen worden weergegeven.
Sleep een GroupBox controle-element van de Toolbox naar uw formulier.
Sleep een Button besturingselement uit de Werkset naar het besturingselement GroupBox.
Selecteer een van de Button besturingselementen en beweeg deze rondom het GroupBox besturingselement. Let op de snaplines die worden weergegeven aan de randen van de GroupBox-controle. Let ook op de snaplines die verschijnen aan de randen van het besturingselement Button dat is opgenomen in het besturingselement GroupBox. Besturingselementen die onderliggende elementen van een containerbesturingselement zijn, ondersteunen ook snaplines.

Snaplijnen gebruiken om een besturingselement te plaatsen door de grootte ervan visueel te omlijnen.

Klik in de Werkbalkop het Button pictogram. Sleep deze niet naar het formulier.
Beweeg de muis aanwijzer over het ontwerpoppervlak van het formulier. Houd er rekening mee dat de aanwijzer verandert in een kruisdraad met het Button besturingspictogram gekoppeld. Let ook op de uitlijnlijnen die uitgelijnde posities voor het Button besturingselement voorstellen.
Klik en houd de muisknop ingedrukt.
Sleep de muis aanwijzer rond het formulier. Houd er rekening mee dat er een contour wordt getekend, waarmee de positie en de grootte van het besturingselement worden aangegeven.
Sleep de cursor totdat deze wordt uitgelijnd met een ander besturingselement op het formulier. Houd er rekening mee dat er een uitlijnlijn wordt weergegeven om uitlijning aan te geven.
Laat de muisknop los. Het besturingselement wordt gemaakt op de positie en grootte die wordt aangegeven door het overzicht.

Gebruik snaplijnen bij het slepen van een besturingselement vanuit de Toolbox

Sleep een Button besturingselement uit de Werkset naar het formulier, maar laat de muisknop niet los.
Beweeg de muis aanwijzer over het ontwerpoppervlak van het formulier. Houd er rekening mee dat de aanwijzer verandert om de positie aan te geven waarop het nieuwe Button besturingselement wordt gemaakt.
Sleep de muis aanwijzer rond het formulier. Let op de uitlijnlijnen die uitgelijnde posities voor het Button besturingselement voorstellen. Zoek een positie die is uitgelijnd met andere bedieningselementen.
Laat de muisknop los. Het besturingselement wordt gemaakt op de positie die wordt aangegeven door de snaplines.

Het formaat van een besturingselement wijzigen met behulp van snaplines

Sleep een Button besturingselement van de Werkbalk naar uw formulier.
Wijzig de Button-bediening door een van de hoekgrepen vast te pakken en te slepen. Zie Hoe je besturingselementen wijzigt in Windows Formsvoor meer informatie.
Sleep de groottegreep totdat een van de randen van het Button controle-element is uitgelijnd met een ander controle-element. Houd er rekening mee dat er een snapline wordt weergegeven. Houd er ook rekening mee dat de formaatgreep naar de positie wordt getrokken die door de snapline wordt aangegeven.
Wijzig het formaat van het Button besturingselement in verschillende richtingen en lijn de formaatgreep uit op verschillende besturingselementen. Let op hoe de uitlijningslijnen verschijnen in verschillende richtingen om uitlijning aan te geven.

Een label uitlijnen op de tekst van een besturingselement

Sleep een TextBox besturingselement van de Werkbalk naar uw formulier. Wanneer u het besturingselement TextBox op het formulier neer zet, klikt u op het smarttag-symbool en selecteert u de optie Tekst instellen op tekstvak1. Zie Overzicht: Algemene taken uitvoeren met behulp van ontwerpactiesvoor meer informatie.
Sleep een Label besturingselement van de Toolbox op je formulier.
Wijzig de waarde van de eigenschap AutoSize van het Label besturingselement in true. Merk op dat de randen van het besturingselement worden aangepast om de weergavetekst te laten passen.
Verplaats het besturingselement Label links van het besturingselement TextBox, zodat het wordt uitgelijnd met de onderrand van het TextBox besturingselement. Let op de snapline die langs de onderranden van de twee besturingselementen wordt weergegeven.
Verplaats het besturingselement Label iets omhoog totdat de Label tekst en de TextBox tekst zijn uitgelijnd. Let op de anders gestijlde snapline die wordt weergegeven, waarmee wordt aangegeven wanneer de tekstvelden van beide besturingselementen zijn uitgelijnd.

Sleep een Button besturingselement van de Gereedschapskist naar uw formulier. Plaats deze in de linkerbovenhoek van het formulier.
Druk op Ctrl+pijlo omlaag. Houd er rekening mee dat het besturingselement het formulier omlaag verplaatst naar de eerste beschikbare horizontale uitlijningspositie.
Druk op Ctrl+pijltjestoets omlaag totdat de besturing de onderkant van het formulier bereikt. Let op de posities die het inneemt terwijl het naar beneden beweegt op het formulier.
Druk op Ctrl+pijl-rechts. Houd er rekening mee dat het besturingselement over het formulier wordt verplaatst naar de eerste beschikbare verticale uitlijningspositie.
Druk op Ctrl+pijl-rechts totdat het besturingselement de zijkant van het formulier bereikt. Let op de posities die het inneemt terwijl het over het formulier beweegt.
Verplaats het besturingselement rond het formulier met een combinatie van pijltoetsen. Let op de posities die het besturingselement inneemt en de snaplines die hierbij horen.
Druk op Shift+pijltoetsen om het Button besturingselement per pixel van formaat te laten veranderen.
Druk op Ctrl+Shift+pijltoetsen om het formaat van het Button besturingselement in sublijnstappen te wijzigen.

Het selectief uitschakelen van uitlijnhulplijnen

Sleep een TableLayoutPanel besturingselement van de Werkset naar het formulier.
Dubbelklik op het Button besturingselementpictogram in de Werkbalk. Houd er rekening mee dat er in de eerste cel van de TableLayoutPanel-controle een nieuw knopbesturingselement verschijnt.
Dubbelklik nog twee keer op het Button bedieningspictogram in de Werkset. Hierdoor blijft er één lege cel in het besturingselement TableLayoutPanel.
Sleep een Button besturingselement uit de Werkset naar de lege cel van het besturingselement TableLayoutPanel. Houd er rekening mee dat er geen snaplines worden weergegeven.
Sleep het Button besturingselement uit het TableLayoutPanel besturingselement en verplaats het rondom het TableLayoutPanel besturingselement. Houd er rekening mee dat snaplines opnieuw worden weergegeven.

Uitlijngidsen uitschakelen

Druk op de toets Alt en verplaats een besturingselement rond het formulier.

Er worden geen snaplines weergegeven en het besturingselement wordt niet uitgelijnd op mogelijke uitlijningsposities.

Snaplines uitschakelen in de ontwerpomgeving

Open in het menu Extra het dialoogvenster Opties. Selecteer Windows Forms Designer-.
Selecteer het knooppunt Algemeen. Wijzig in de sectie Indelingsmodus de selectie van SnapLines- in SnapToGrid-.
Selecteer OK- om de instelling toe te passen.
Selecteer een controle op je formulier en verplaats deze ten opzichte van de andere controles. Houd er rekening mee dat snaplijnen niet worden weergegeven.

Volgende stappen

Snaplines bieden een intuïtieve wijze om besturingselementen op uw formulier uit te lijnen. Suggesties voor meer verkenning zijn:

Probeer een GroupBox-besturingselement te nesten binnen een ander GroupBox-besturingselement. Plaats een Button besturingselement binnen het onderliggende GroupBox besturingselement en een ander besturingselement binnen het bovenliggende GroupBox besturingselement. Verplaats het Button-besturingselement om te zien hoe de snaplijnen containergrenzen overschrijden.
Maak een kolom met TextBox besturingselementen en een bijbehorende kolom met Label besturingselementen. Stel de waarde van de eigenschap AutoSize van de Label besturingselementen in op true. Gebruik snaplines om de besturingselementen Label te verplaatsen, zodat de weergegeven tekst wordt uitgelijnd met de tekst in de besturingselementen TextBox.

Delen via