Informazioni su XAML: Windows Phone Apps Development Turorial - Parte 15

Informazioni su XAML: Windows Phone Apps Development Turorial - Parte 15
Informazioni su XAML: Windows Phone Apps Development Turorial - Parte 15

Video: Informazioni su XAML: Windows Phone Apps Development Turorial - Parte 15

Video: Informazioni su XAML: Windows Phone Apps Development Turorial - Parte 15
Video: I migliori TOOLS per le E-MAIL (client e-mail per computer) - YouTube 2024, Aprile
Anonim

Fino ad ora, a questa serie di tutorial, stavamo lavorando in Windows C #. Nel nostro ultimo post abbiamo parlato di Collection of Objects. Da questo tutorial, passeremo sempre più tempo nella finestra XAML anziché nella finestra C #. Fino ad ora abbiamo appena visto Windows XAML ma non abbiamo interagito con altri controlli, trascinando e rilasciando l'editor visivo. Ora inizieremo a utilizzare l'editor XAML in modo più aggressivo mentre costruiamo la nostra applicazione.

Come abbiamo visto prima, quando apriamo qualsiasi progetto in Silverlight; ci sono due pannelli di fronte a noi. Un pannello è un editor visuale e un altro con XAML che lo codifica. Iniziamo quindi comprendendo il suo funzionamento. XAML è un linguaggio di programmazione come C # è un altro linguaggio di programmazione. XAML è principalmente utilizzato per la progettazione dell'interfaccia utente.

Quando trasciniamo qualsiasi controllo sull'editor visivo, potresti aver notato che quando lo facciamo, alcuni codici vengono aggiunti automaticamente alla finestra XAML. Allo stesso modo, quando apportiamo modifiche a qualsiasi proprietà dei controlli, anche questo cambia il codice XAML. Questo viene fatto automaticamente da Visual Studio per la nostra convenienza e quindi otteniamo un'interfaccia "Drag-and-drop" molto facile e semplice da usare.
Quando trasciniamo qualsiasi controllo sull'editor visivo, potresti aver notato che quando lo facciamo, alcuni codici vengono aggiunti automaticamente alla finestra XAML. Allo stesso modo, quando apportiamo modifiche a qualsiasi proprietà dei controlli, anche questo cambia il codice XAML. Questo viene fatto automaticamente da Visual Studio per la nostra convenienza e quindi otteniamo un'interfaccia "Drag-and-drop" molto facile e semplice da usare.

Ora guarda la parte superiore delle finestre XAML, vedrai poche righe che iniziano con "xmlns", quali sono queste linee? Queste linee sono spazi dei nomi. Spero che tu ricordi quali sono gli spazi dei nomi! Queste linee denotano spazi dei nomi e assembly in cui sono archiviati tali file.

Esistono diversi controlli di layout, che aiutano gli utenti a disporre i controlli secondo il loro desiderio sullo schermo. Alcuni di essi sono stack panel, grid e così via.
Esistono diversi controlli di layout, che aiutano gli utenti a disporre i controlli secondo il loro desiderio sullo schermo. Alcuni di essi sono stack panel, grid e così via.

Cerchiamo di creare un pulsante utilizzando il codice XAML. Crea un nuovo progetto con un nome significativo. Cerca il seguente codice:

E tra questi tag della griglia incolla il seguente codice:

Una volta incollato questo codice, si noti che verrà creato un nuovo pulsante sulla superficie del designer. Complimenti, hai appena creato un pulsante utilizzando nient'altro che la pura codifica.

C'è molto da imparare nella finestra XAML, ma continua a studiarlo fino a quando non torneremo con il prossimo tutorial. In seguito, tutorial, apprenderemo tutti i controlli di layout di Silverlight.

Consigliato: