Share
In questo tutorial, imparerai alcuni dei più popolari controlli di Windows Phone. Potrai anche conoscere le proprietà che i controlli possono avere e vedere come possono essere utilizzati per descrivere i controlli.
I controlli sono gli elementi costitutivi di un'applicazione Windows Phone. Esistono molti tipi di controlli, diversi per funzionalità e aspetto. Ad esempio, ci sono controlli che possiamo usare per contenere e organizzare altri controlli come il StackPanel e il Griglia controlli. Ci sono anche controlli che possiamo usare per costruire funzionalità della nostra applicazione come Pulsante, Casella di testo e TextBlock controlli. Tutto ciò che vedi in un'applicazione Windows Phone è un controllo in un modo o nell'altro.
Esiste un'ampia gamma di controlli inclusi nell'SDK di Windows Phone. Diamo un'occhiata ad alcuni dei controlli più comuni.
Per una migliore comprensione dei controlli di Windows Phone, creeremo un nuovo progetto Windows Phone e giocheremo con alcuni dei controlli elencati sopra. Per creare un nuovo progetto Windows Phone 8, seguire gli stessi passaggi descritti in Creazione della prima applicazione.
In Visual Studio, dovresti vedere il design e le viste XAML per MainPage.xaml pagina. Dovrebbero esserci anche alcune opzioni di menu a sinistra, una delle quali è la Casella degli strumentimenu. Apri il Casella degli strumenti menu per visualizzare un elenco di controlli inclusi nell'SDK di Windows Phone.
Nell'elenco dei controlli, trova il Pulsante controllare e rilasciare un'istanza di esso nell'anteprima di progettazione di Visual Studio. Fai lo stesso per il TextBlock e Casella di testo controlli. Ora dovresti avere qualcosa di simile a quello che ho qui sotto.
Proprietà sono valori che possiamo usare per personalizzare o descrivere l'aspetto di un controllo. Le proprietà assumono il seguente formato, Proprietà = "Valore". Ad esempio, se osservi più da vicino il codice XAML del tuo progetto, vedrai che ogni controllo ha un numero di proprietà con valori corrispondenti.
Prendi il Pulsante hai creato un esempio. Se si desidera modificare il testo del pulsante, è necessario modificarne il valore Soddisfare proprietà. Per cambiare il testo del TextBlock controllo, lo cambi Testo proprietà.
Ci sono anche proprietà che controllano il posizionamento del controllo, come ad esempio Margine e Imbottitura proprietà. Visual Studio ha un Proprietà scheda che semplifica l'impostazione delle proprietà. Di default, il Proprietà la scheda è posizionata in basso a destra, ma potrebbe essere diversa per te e dipende da come hai configurato Visual Studio.
Il Proprietà menu è molto utile quando si impostano le proprietà per un controllo, perché mostra quali proprietà sono disponibili per un particolare controllo.
Il StackPanel e Griglia i controlli sono controlli molto importanti per la creazione di layout in Windows Phone. Quasi tutte le applicazioni che creerai faranno uso di esse, quindi è importante capire come funzionano.
Come ho detto prima, il StackPanel e Griglia i controlli contengono altri controlli e li sistemano in un modo particolare. Se hai esperienza con HTML, puoi confrontare il StackPanel e Griglia controlla in HTML div e tavolo elementi rispettivamente.
Il StackPanel il controllo ci consente di disporre i controlli come una pila di elementi. I controlli posizionati all'interno di uno StackPanel possono essere disposti orizzontalmente o verticalmente, a seconda del valore del suo Orientamento proprietà.
Diamo un'occhiata al StackPanel controllo in azione. Se si fa riferimento alla vista XAML del nostro progetto per il MainPage.xaml pagina, dovresti già vedere a StackPanel controllo tenendo due TextBlock istanze che compongono l'intestazione della pagina.
Per impostazione predefinita, l'orientamento di a StackPanel l'istanza è impostata su verticale. Abbiamo solo bisogno di impostare questa proprietà se abbiamo bisogno di uno StackPanel orizzontale. Gioca con lo StackPanel cambiando il suo orientamento in orizzontale. Per riassumere, ogni volta che è necessario disporre i controlli in modo lineare, il controllo StackPanel è probabilmente quello che stai cercando.
Come lo StackPanel, il Griglia il controllo organizza uno o più controlli. A differenza di StackPanel, il controllo Grid organizza i propri figli utilizzando righe e colonne, in modo simile a una tabella HTML.
Diamo un'altra occhiata alla vista XAML del nostro progetto per vedere il controllo Grid in azione. La nostra applicazione contiene già due istanze Grid. Il primo è il contenitore di livello superiore della nostra applicazione e contiene una seconda istanza di Grid.
Dall'immagine in alto, puoi vedere che la prima griglia, LayoutRoot, contiene due righe, indicate da Grid.RowDefinition. Il nome StackPanel TitlePanel ha un Grid.Row proprietà impostata su 0, che gli dice di occupare la prima riga della Griglia in cui si trova.
La seconda griglia, ContentPanel, ha il suo Grid.Row proprietà impostata su 1, il che significa che è posizionato nella seconda riga della griglia in cui si trova.
Il controllo Grid è molto utile quando si creano layout complessi. Non copriremo ogni aspetto del Griglia controllo, ma vi incoraggio a leggere di più su di esso nella documentazione.
Il LongListSelectoril controllo è un controllo molto potente che ha una miriade di funzionalità. L'applicazione People, mostrata sotto, è un buon esempio di questo controllo in azione. Non copriremo il controllo LongListSelector in questo articolo, ma se vuoi saperne di più su questo controllo potente, dai un'occhiata alla documentazione.
In questo tutorial, abbiamo trattato alcuni dei controlli più comuni utilizzati nelle applicazioni di Windows Phone. Abbiamo appreso le proprietà e altri aspetti dei controlli e abbiamo esaminato più da vicino i controlli StackPanel e Grid.
Nel prossimo tutorial, ci concentreremo sugli eventi su Windows Phone e su come gestirli.
Accentsconagua