Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
Il posizionamento preciso dei controlli nel form è una priorità elevata per molte applicazioni. Windows Forms Designer offre numerosi strumenti di layout per eseguire questa operazione. Una delle più importanti è la SnapLine funzionalità.
Le linee di allineamento mostrano esattamente dove allineare i controlli con altri controlli. Mostrano anche le distanze consigliate per i margini tra i controlli, come specificato dalle linee guida dell'interfaccia utente di Windows.
Le linee di allineamento semplificano l'allineamento dei controlli, per un aspetto e un comportamento nitidi e professionali (esperienza utente).
Creare il progetto
In Visual Studio creare un progetto di applicazione basato su Windows denominato "SnaplineExample".
Selezionare il modulo in Progettazione moduli.
Spaziatura e allineamento dei controlli
Le linee di allineamento offrono un modo accurato e intuitivo per allineare i controlli nel form. Vengono visualizzati quando si sposta un controllo o un controllo selezionato vicino a una posizione allineata a un altro controllo o set di controlli. La selezione verrà "agganciata" alla posizione suggerita quando la sposti oltre gli altri controlli.
Per disporre i controlli usando le guide di allineamento
Trascina un controllo Button dalla Toolbox sul tuo modulo.
Spostare il Button controllo nell'angolo inferiore destro del form. Si notino le linee di allineamento che appaiono quando il controllo Button si avvicina ai bordi inferiore e destro del form. Queste linee di allineamento visualizzano la distanza consigliata tra i bordi del controllo e il modulo.
Muovere il controllo Button intorno ai bordi del modulo e notare dove vengono visualizzate le linee di allineamento. Al termine, spostare il Button controllo vicino al centro della forma.
Trascinare un altro controllo Button dalla casella degli strumenti sul tuo modulo.
Spostare il secondo Button controllo fino a renderlo quasi allineato con il primo. Si noti la linea di allineamento che appare alla base del testo di entrambi i pulsanti, e osservare come il controllo che si sta spostando si allinei esattamente alla stessa altezza dell'altro controllo.
Spostare il secondo Button controllo finché non è posizionato direttamente sopra il primo. Si notino le linee di allineamento visualizzate lungo i bordi sinistro e destro di entrambi i pulsanti e si noti che il controllo che stai muovendo si posiziona esattamente allineato con l'altro controllo.
Selezionare uno dei controlli Button e spostarlo vicino all'altro fino a quando non vengono quasi toccati. Prendere nota della linea di allineamento visualizzata tra di esse. Questa distanza è la distanza consigliata tra i bordi dei controlli. Si noti anche che il controllo che si sta spostando si allinea automaticamente in questa posizione.
Trascinare due controlli Panel dalla casella degli strumenti nel form.
Spostare uno dei Panel controlli fino a essere quasi alla stessa altezza del primo. Notare le linee di allineamento visualizzate lungo i bordi superiore e inferiore di entrambi i controlli e che il controllo che si sta spostando si allinea esattamente con l'altro controllo.
Allinea ai margini del modulo e del contenitore
Le linee di allineamento consentono di allineare i controlli ai margini del modulo e del contenitore in modo coerente.
Selezionare uno dei Button controlli e spostarlo vicino al bordo destro del modulo fino a quando non viene visualizzata una linea di allineamento. La distanza della linea di allineamento dal bordo destro è la somma del valore della proprietà del controllo Margin e del valore della proprietà del modulo Padding.
Modificare il valore della Button proprietà del Margin controllo espandendo la Margin voce nella finestra Proprietà e impostando la All proprietà su 0. Per informazioni dettagliate, vedere Procedura dettagliata: Disposizione di controlli Windows Form con riempimento, margini e proprietà AutoSize.
Spostare il Button controllo vicino al bordo destro del modulo fino a quando non viene visualizzata una snapline. Questa distanza è ora definita dal valore della proprietà del modulo Padding.
Trascina un controllo GroupBox dalla Toolbox sul tuo modulo.
Modificare il valore della GroupBox proprietà del Padding controllo espandendo la Padding voce nella finestra Proprietà e impostando la All proprietà su 10.
Trascinare un controllo Button dalla casella degli strumenti nel controllo GroupBox.
Spostare il Button controllo vicino al bordo destro del GroupBox controllo fino a quando non viene visualizzata una linea di allineamento. Sposta il controllo Button all'interno del controllo GroupBox e osserva dove appaiono le linee guida di allineamento.
Allinea ai controlli raggruppati
È possibile utilizzare le linee di allineamento per allineare i controlli raggruppati e i controlli all'interno di un controllo GroupBox.
Seleziona due dei controlli nel modulo. Spostare la selezione in diverse direzioni e osservare le snapline che appaiono tra la selezione e gli altri controlli.
Trascina un controllo GroupBox dalla Toolbox sul tuo modulo.
Trascinare un controllo Button dalla casella degli strumenti nel controllo GroupBox.
Selezionare uno dei Button controlli e spostarlo attorno al GroupBox controllo. Si notino le linee di allineamento visualizzate ai bordi del GroupBox controllo. Si notino anche le linee di allineamento visualizzate ai bordi del Button controllo contenuto nel GroupBox controllo . I controlli che sono figli di un controllo contenitore supportano anche le linee guida di allineamento.
Usare le linee di allineamento per posizionare un controllo delineandone le dimensioni
Nella casella degli strumenti , fare clic sull'icona del controllo Button. Non trascinarlo nel modulo.
Spostare il puntatore del mouse sulla superficie di progettazione del modulo. Si noti che il puntatore diventa un mirino con l'icona del controllo Button collegata. Nota anche le linee di allineamento che appaiono per suggerire posizioni allineate per il controllo Button.
Fare clic e tenere premuto il pulsante del mouse.
Trascinare il puntatore del mouse intorno al form. Si noti che viene disegnato un contorno, che indica la posizione e le dimensioni del controllo.
Trascinare il puntatore fino a quando non viene allineato con un altro controllo nel form. Si noti che viene visualizzata una linea di allineamento per indicarlo.
Rilasciare il pulsante del mouse. Il controllo viene creato in corrispondenza della posizione e delle dimensioni indicate dal contorno.
Usare le snaplines quando si trascina un controllo dalla casella degli strumenti
Trascina un Button controllo dalla casella degli strumenti sul modulo, ma non rilasciare il pulsante del mouse.
Spostare il puntatore del mouse sulla superficie di progettazione del modulo. Si noti che il puntatore cambia per indicare la posizione in cui verrà creato il nuovo Button controllo.
Trascinare il puntatore del mouse intorno al form. Nota le linee di allineamento che suggeriscono posizioni allineate per il controllo Button. Trovare una posizione allineata ad altri controlli.
Rilasciare il pulsante del mouse. Il controllo viene creato nella posizione indicata dalle guide di allineamento.
Ridimensionare un controllo usando le linee di aggancio
Trascina un controllo Button dalla Toolbox sul tuo modulo.
Ridimensionare il controllo Button afferrando e trascinando uno dei quadratini di ridimensionamento situati agli angoli. Per informazioni dettagliate, vedere Procedura: Ridimensionare i controlli in Windows Form.
Trascinare il quadratino di ridimensionamento finché uno dei Button bordi del controllo è allineato a un altro controllo. Si noti che viene visualizzata una linea di allineamento. Si noti anche che la maniglia di ridimensionamento scatta sulla posizione indicata dalla linea di allineamento.
Ridimensionare il Button controllo in diverse direzioni e allineare la maniglia di ridimensionamento a controlli diversi. Si noti come le snaplines appaiano in vari orientamenti per indicare l'allineamento.
Allineare un'etichetta al testo di un controllo
Trascina un controllo TextBox dalla Toolbox sul tuo modulo. Quando si rilascia il TextBox controllo sul modulo, fare clic sull'icona del tag intelligente e selezionare l'opzione Imposta testo a textBox1. Per informazioni dettagliate, vedere Procedura dettagliata: Eseguire attività comuni usando le azioni della finestra di progettazione.
Trascina un controllo Label dalla Toolbox sul tuo modulo.
Modificare il valore della proprietà Label del controllo AutoSize in
true
. Si noti che i bordi del controllo vengono modificati in base al testo visualizzato.Spostare il Label controllo a sinistra del TextBox controllo, in modo che sia allineato al bordo inferiore del TextBox controllo. Si noti la linea di allineamento visualizzata lungo i due bordi inferiori dei controlli.
Sposta il controllo Label leggermente verso l'alto, finché il testo Label e il testo TextBox non sono allineati. Si noti la linea di allineamento in stile diversa visualizzata, che indica quando i campi di testo di entrambi i controlli sono allineati.
Usare le linee di allineamento con lo spostamento tramite tastiera
Trascina un controllo Button dalla Toolbox sul tuo modulo. Posizionarlo nell'angolo superiore sinistro del form.
Premere Ctrl+freccia giù. Si noti che il controllo sposta il form verso il basso fino alla prima posizione di allineamento orizzontale disponibile.
Premere CTRL+freccia giù finché il controllo non raggiunge la parte inferiore del form. Annotare le posizioni che occupa mentre si sposta verso il basso nel modulo.
Premere CTRL+freccia destra. Il controllo si sposta attraverso il modulo fino alla prima posizione di allineamento verticale disponibile.
Premere CTRL+freccia destra finché il controllo non raggiunge il lato del form. Nota le posizioni che occupa mentre si sposta attraverso il modulo.
Spostare il controllo intorno al form con una combinazione di tasti di direzione. Si notino le posizioni che il controllo occupa e le linee di allineamento che le accompagnano.
Premere MAIUSC+e i tasti freccia per ridimensionare il Button controllo di un pixel alla volta.
Premere CTRL+MAIUSC+freccia per ridimensionare il Button controllo in incrementi a scatto.
Disabilitare selettivamente le linee di allineamento
Trascina un controllo TableLayoutPanel dalla Toolbox sul tuo modulo.
Fare doppio clic sull'icona del controllo Button nella casella degli strumenti . Si noti che nella prima cella del controllo viene visualizzato TableLayoutPanel un nuovo controllo pulsante.
Fare doppio clic sull'icona del Button controllo nella Casella degli strumenti due volte di più. In questo modo viene lasciato una cella vuota nel TableLayoutPanel controllo .
Trascinare un Button controllo dalla casella degli strumenti nella cella vuota del TableLayoutPanel controllo. Si noti che non vengono visualizzate linee di allineamento.
Trascina il controllo Button fuori dal controllo TableLayoutPanel e spostalo attorno al controllo TableLayoutPanel. Si noti che le linee di ancoraggio vengono visualizzate di nuovo.
Disabilitare le linee di allineamento
Premere ALT e durante lo spostamento di un controllo intorno al form.
Non vengono visualizzate linee di allineamento e il controllo non si blocca in alcuna posizione di allineamento potenziale.
Per disabilitare le guide di allineamento nell'ambiente di progettazione
Dal menu Strumenti aprire la finestra di dialogo Opzioni . Selezionare Designer Windows Form.
Selezionare il nodo Generale . Nella sezione Modalità layout modificare la selezione da SnapLines a SnapToGrid.
Selezionare OK per applicare l'impostazione.
Selezionare un controllo sul form e spostarlo attorno agli altri controlli. Si noti che le linee di allineamento non vengono visualizzate.
Passaggi successivi
Le linee di allineamento offrono un mezzo intuitivo per allineare i controlli nel form. I suggerimenti per altre esplorazioni includono:
Prova ad annidare un GroupBox controllo all'interno di un altro GroupBox controllo. Posizionare un controllo Button all'interno del controllo figlio GroupBox, e un altro all'interno del controllo padre GroupBox. Spostare i Button controlli per vedere in che modo le linee di allineamento superano i limiti del contenitore.
Creare una colonna di TextBox controlli e una colonna corrispondente di Label controlli. Impostare il valore della proprietà Label dei controlli AutoSize su
true
. Usare le linee di allineamento per spostare i controlli Label affinché il loro testo visualizzato sia allineato con il testo nei controlli TextBox.
Vedere anche
- SnapLine
- Procedura dettagliata: Disposizione di controlli nei Windows Forms tramite un FlowLayoutPanel
- Procedura dettagliata: Disposizione di controlli su Windows Forms tramite un TableLayoutPanel
- Procedura dettagliata: Disposizione dei controlli di Windows Forms con riempimento, margini e la proprietà AutoSize
.NET Desktop feedback