--- title: Posizionamento e Ridimensionamento description: Nel processo di progettazione dell'interfaccia utente, il posizionamento e il ridimensionamento degli elementi sono aspetti fondamentali. --- # Posizionamento e Ridimensionamento Nel processo di progettazione dell'interfaccia utente, il posizionamento e il ridimensionamento degli elementi sono aspetti fondamentali. Questo documento fornisce una panoramica concisa degli strumenti e dei controlli presenti in Theta per il posizionamento degli elementi, il ridimensionamento, l'allineamento, l'aggiustamento dei margini e la gestione dei vincoli. ## Posizionamento tramite drag-and-drop Gli elementi possono essere riposizionati all'interno del frame del dispositivo utilizzando un semplice meccanismo di trascinamento. ## Posizionamento tramite tasti freccia In Theta è anche possibile posizionare gli elementi utilizzando i tasti freccia sulla tastiera. Cliccando su una qualsiasi freccia, il nodo che ha il focus si sposterà di 1 pixel nella direzione della freccia. Se si preme anche il tasto `SHIFT` contemporaneamente, il nodo si sposterà di 10 pixel alla volta. - `← → ↑ ↓` = 1 px - `SHIFT` + `← → ↑ ↓` = 10 px ## Maniglie di ridimensionamento Le maniglie di ridimensionamento, presenti sui lati e agli angoli di ciascun elemento, offrono la funzionalità per regolare le dimensioni dell'elemento. ## Controlli di allineamento La prima riga del pannello di controllo laterale destro include i controlli di allineamento. Questi controlli consentono di allineare rapidamente gli elementi selezionati in alto, in basso, a sinistra, a destra o al centro del loro contenitore, sia orizzontalmente che verticalmente. ## Controlli dei margini La seconda riga dei controlli è dedicata alle impostazioni dei margini. Ciò consente di regolare manualmente i margini per i lati superiore, inferiore, sinistro e destro dell'elemento. ## Controlli di larghezza e altezza L'aggiustamento preciso delle dimensioni dell'elemento è facilitato attraverso i controlli di larghezza e altezza. ## Controlli dei vincoli I vincoli, fondamentali per la creazione di layout responsivi, sono gestiti attraverso la terza riga di controlli nel pannello laterale destro. Queste impostazioni determinano il comportamento dell'elemento durante il ridimensionamento dello schermo. Ulteriori indicazioni dettagliate sull'utilizzo dei vincoli sono disponibili in una pagina dedicata a questo argomento.