Controlli del layout di Silverlight: Esercitazione per lo sviluppo di app per Windows Phone - Parte 16

Sommario:

Controlli del layout di Silverlight: Esercitazione per lo sviluppo di app per Windows Phone - Parte 16
Controlli del layout di Silverlight: Esercitazione per lo sviluppo di app per Windows Phone - Parte 16

Video: Controlli del layout di Silverlight: Esercitazione per lo sviluppo di app per Windows Phone - Parte 16

Video: Controlli del layout di Silverlight: Esercitazione per lo sviluppo di app per Windows Phone - Parte 16
Video: 30 GIORNI SENZA SOCIAL MEDIA - YouTube 2024, Novembre
Anonim

Dopo aver appreso di XAML, come parte di questa serie di tutorial, impariamo a conoscere Silverlight Layout Controls. Disporre i controlli durante la progettazione di un sito Web è molto difficile in quanto vi sono numerosi browser e, a causa delle diverse risoluzioni dello schermo, mentre si progetta un'applicazione per Windows Phone, come sviluppatore, sarà più semplice disporre i controlli mentre il SO Windows Phone ne ha alcuni requisiti dello schermo predefiniti.

Ora esamineremo ciascuno dei controlli di layout. Tutti i controlli di layout possono essere trascinati dalla barra degli strumenti alla schermata di progettazione.

Griglia:

Il controllo griglia è progettato per consentire di aggiungere il numero di righe e colonne e quindi posizionare i controlli in tali celle di conseguenza. È possibile definire le righe e le colonne tramite il codice o utilizzando l'area di progettazione stessa. I tag di inizio e fine creeranno una griglia. () ora una volta definita la griglia, è possibile aggiungere questo codice per aggiungere più righe e colonne.

In seguito è possibile aggiungere più colonne o righe secondo necessità. L'asterisco (*) indica che alla colonna / riga secondaria deve essere assegnato uno spazio aggiuntivo se esiste! Ci sono molte proprietà con le quali puoi giocare per ottenere la funzionalità prevista.

Puoi anche creare righe e colonne facendo clic sul bordo della griglia alla lunghezza desiderata. È molto più facile, non è vero? Una volta creata la griglia, puoi posizionare i controlli tra le celle semplicemente menzionando le proprietà grid.row e grid.column. (Ricorda che i valori per queste proprietà iniziano da 0).
Puoi anche creare righe e colonne facendo clic sul bordo della griglia alla lunghezza desiderata. È molto più facile, non è vero? Una volta creata la griglia, puoi posizionare i controlli tra le celle semplicemente menzionando le proprietà grid.row e grid.column. (Ricorda che i valori per queste proprietà iniziano da 0).

Pannello pila:

Il pannello dello stack è piuttosto semplice. Tutti i controlli posizionati sul pannello dello stack sono visualizzati in pila verticale. Una volta creato un pannello di stack, puoi semplicemente aggiungere controlli tra i tag iniziali e finali del pannello dello stack.

Image
Image

Tela:

Canvas ti consente di posizionare i controlli sullo schermo ovunque desideri che vengano visualizzati. Quindi, invece del margine, viene utilizzata la proprietà catch. Ma la tela ha un difetto nel rendering come se la dimensione del telefono cambia o l'orientamento del telefono sia cambiato, potrebbe produrre risultati indesiderati.

Vedi qui, abbiamo definito la posizione del blocco di testo usando la proprietà allegata della tela. Quindi ora se muovi la nostra tela, i controlli si muoveranno insieme ad essa.

Consigliato: