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.
Gli elementi possono essere riposizionati all'interno del frame del dispositivo utilizzando un semplice meccanismo di trascinamento.
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 pxSHIFT+← → ↑ ↓= 10 px
Le maniglie di ridimensionamento, presenti sui lati e agli angoli di ciascun elemento, offrono la funzionalità per regolare le dimensioni dell'elemento.
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.
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.
L'aggiustamento preciso delle dimensioni dell'elemento è facilitato attraverso i controlli di larghezza e altezza.
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.