Condividi tramite

Esercitazione: creare un lettore di news RSS

  • Articolo

Cc294852.bf9c77b1-ba7a-4f3b-8380-d05728d208d1(it-it,Expression.40).png

Per il contenuto di feed Web, ad esempio newsfeed o podcast, vengono spesso utilizzati file in formato XML. È possibile utilizzare programmi detti lettori o aggregatori per sottoscrivere feed Web e leggerli. Un lettore viene spesso lasciato in esecuzione per consentirne l'aggiornamento con il nuovo contenuto quando il feed Web viene aggiornato. Il meccanismo più comune di recapito di feed Web è detto RSS (Really Simple Syndication).

Nelle procedure seguenti viene illustrato come creare un semplice lettore RSS utilizzando Microsoft Expression Blend e un feed RSS. È possibile utilizzare il lettore RSS con qualsiasi origine dati XML, che può anche essere un file locale o un file XML del sito Web personale dell'utente.

[!NOTA]

Per le procedure seguenti è necessaria una connessione Internet attiva.

[!NOTA]

Microsoft Silverlight non supporta le origini dati XML. È possibile reperire informazioni sull'utilizzo dei dati XML in Dati XML Cc294852.xtlink_newWindow(it-it,Expression.40).png su MSDN.

Per creare l'origine dati

  1. Nel pannello Dati fare clic su Crea origine dati Cc294852.601d2ab6-5e4b-49ab-bb3c-064456dc8184(it-it,Expression.40).png e quindi su Definisci nuova origine dati XML.

    Verrà visualizzata la finestra di dialogo Definisci nuova origine dati XML.

  2. Accanto a Nome origine dati digitare rssDS.

  3. Accanto alla casella di testo Percorso file XML o URL digitare http://rss.msnbc.msn.com/id/3032127/device/rss/rss.xml.

    tip noteSuggerimento:

    Nel campo URL da dati XML è possibile inserire qualsiasi URL o percorso locale di un file XML. Per utilizzare un diverso feed RSS, è possibile individuare l'URL aprendo il sito Web del provider (ad esempio, http://www.msnbc.com) in un browser Web e cercare un link per i feed RSS. Nei siti Web sono in genere visualizzati l'elenco dei feed disponibili e i pulsanti per la sottoscrizione ai feed desiderati. Cercare il collegamento al file XML corrispondente al feed desiderato.

  4. In Posizione definizione eseguire una delle seguenti operazioni:

    • Per rendere i dati disponibili per tutti i documenti dell'applicazione, selezionare Progetto.

    • Per rendere i dati disponibili solo per il documento corrente, selezionare Documento corrente.

  5. Fare clic su OK.

    L'origine dati denominata rssDS è stata aggiunta nel pannello Dati. Espandere i nodi ed esaminare i diversi campi dell'origine dati. Non sono visualizzati i dati, ma solo i nomi dei campi che contengono i dati e la relativa struttura.

    È ora possibile associare i controlli presenti nell'applicazione ai dati.

    Pannello Dati dopo l'aggiunta dell'origine dati XML

    Cc294852.8ce5d9eb-ca88-4eb9-8ad1-4719fdc0514e(it-it,Expression.40).png

Per creare un'associazione a campi dati trascinandoli dal pannello Progetti

Per associare i controlli agli elementi di un'origine dati sono disponibili modi diversi. Nella procedura seguente viene illustrato come creare due nuovi controlli trascinando i campi dell'origine dati dal pannello Dati alla tavola da disegno. In alternativa, è possibile trascinare i campi dell'origine dati all'interno di controlli esistenti per associare i dati alle proprietà desiderate dei controlli in questione.

  1. Nel pannello Strumenti fare clic su Asset Cc294852.0d8b8d29-1af9-418f-8741-be3097d76eab(it-it,Expression.40).png.

  2. Nel pannello Asset, selezionare Tutti nella categoria Controlli.

  3. Fare clic su Controlli e quindi sul controllo Image Cc294852.adb61060-da5f-4279-8c0d-3681bfeb145c(it-it,Expression.40).png.

  4. Con l'ausilio del mouse, disegnare un controllo di immagine sulla tavola da disegno, di circa 100 pixel di larghezza per 100 pixel in altezza, nell'angolo in alto a sinistra.

  5. Nel pannello Dati, espandere i nodi rss, channel e image. Trascinare il nodo l'url : (String) sul nuovo oggetto dell'immagine.

    L'oggetto image visualizzerà l'immagine disponibile nel sito Web MSNBC. Il pannello Dati visualizza una rettangolo di selezione giallo intorno all'origine dati per indicare la parte dei dati che è associata a un controllo.

    La tavola da disegno dopo l'aggiunta dell'oggetto Image e l'associazione di quest'ultimo all'elemento di dati URL. È possibile che la tavola da disegno visualizzata dall'utente sia diversa.

    Cc294852.eb3b12e1-64d7-4a49-b2a8-fc433a34ca2f(it-it,Expression.40).png

  6. Nel pannello Dati, espandere i nodi rssDS, rss e channel. Trascinare il nodo title: (String) nella tavola da disegno a destra dell'oggetto immagine.

    Per visualizzare il titolo del newsfeed, viene creato un controllo TextBlock. Con lo strumento Selezione spostare e modificare la scala dell'oggetto blocco di testo e modificare l'aspetto del testo visualizzato mediante le proprietà presenti nelle categorie Testo e Pennelli del pannello Proprietà.

    La tavola da disegno dopo l'aggiunta di un oggetto blocco di testo e l'associazione di quest'ultimo all'elemento di dati title. È possibile che l'immagine visualizzata dall'utente sia diversa.

    Cc294852.f5b9f7c7-e622-4f62-a151-1e449c6d4588(it-it,Expression.40).png

Per associare più controlli agli stessi dati utilizzando un contesto dei dati

Un contesto dei dati quando assegnato a un oggetto padre, consente di utilizzare lo stesso snapshot di dati in più oggetti figlio. Ciò è utile quando si desidera creare una progettazione elenco-dettagli nella quale, se si seleziona un elemento in un elenco (il riquadro elenco), i dettagli di tale elemento vengono visualizzati in un altro oggetto (il riquadro dettagli).

  1. Creare un contenitore di layout GridCc294852.a87ee957-7fbf-4135-a6ab-6de7e63160aa(it-it,Expression.40).png con dimensioni uguali a quelle dell'area sotto l'immagine e il titolo. L'oggetto griglia risultante sarà l'oggetto padre in cui impostare automaticamente il contesto dei dati con il passaggio seguente.

  2. Selezionare il nuovo oggetto griglia nel pannello Oggetti e sequenza temporale per attivarlo e aggiungere oggetti figlio.

  3. Nel pannello Dati, accertarsi che Modalità elenco Cc294852.9ad55afc-08ac-4f9a-ab3a-d55d0cf184d3(it-it,Expression.40).png sia selezionata. Gli elementi trascinati dal pannello Dati in Modalità elenco creeranno un controllo elenco.

  4. Espandere i nodi rss, channel e item (Array). Trascinare il nodo title: (String) nell'angolo in basso a sinistra dell'oggetto griglia.

    Verrà creato un controllo ListBox in cui verranno inseriti i titoli di tutte le news presenti nell'insieme item (Array). Se si seleziona l'oggetto grid, nel pannello Proprietà verrà visualizzato un rettangolo di selezione giallo attorno alla proprietà DataContext per indicare che è associata a dati. Se si seleziona l'oggetto casella di riepilogo, sarà la proprietà ItemsSource a essere associata a dati.

    [!NOTA]

    La proprietà ItemsSource può essere impostata su qualsiasi insieme di elementi. È possibile utilizzare una sola delle proprietà ItemsSource e Items alla volta. La proprietà ItemsSource in genere viene utilizzata per creare un'associazione a un insieme di elementi generati. La proprietà Items può invece essere utilizzata per aggiungere manualmente singoli elementi tramite il pulsante Modifica elementi in questo insieme.

    La tavola da disegno dopo l'aggiunta di un oggetto ListBox e l'associazione di quest'ultimo all'insieme di dati item(Array). È possibile che l'immagine visualizzata dall'utente sia diversa.

    Cc294852.6e02aab9-751f-49ee-ac12-65d92eb432ef(it-it,Expression.40).png

  5. Nel pannello Dati, fare clic su Modalità dettagliCc294852.7786ee28-da1d-41b2-93fd-b4caeb75ab98(it-it,Expression.40).png.

  6. Espandere i nodi rss, channel e item (Array). Trascinare il nodo description : (String) nella parte destra dell'oggetto grid.

    Un oggetto griglia è creato con un oggetto blocco testo all'interno che visualizza la descrizione delle nuove storie selezionate. Se si seleziona l'oggetto blocco di testo, nel pannello Proprietà verrà visualizzato un rettangolo di selezione giallo attorno alla proprietà Text per indicare che è associata a dati. Per visualizzare le specifiche dell'associazione dati, fare clic su Opzioni avanzate Cc294852.e3343378-f63e-4d8f-9847-97c1a58aadc5(it-it,Expression.40).png accanto alla proprietà Text e quindi su Associazione dati.

    La tavola da disegno dopo l'aggiunta di un oggetto TextBlock e l'associazione di quest'ultimo all'elemento di dati Description. È possibile che l'immagine visualizzata dall'utente sia diversa.

    Cc294852.7e00a38f-ea59-47a3-84cd-3caf57c6d805(it-it,Expression.40).png

  7. Premere F5 per eseguire l'applicazione e quindi fare clic su un elemento qualsiasi nella casella di riepilogo per selezionare elementi diversi e visualizzare le descrizioni corrispondenti.

    [!NOTA]

    Alcuni elementi possono includere testo HTML. È possibile creare un convertitore di valori per rimuovere gli elementi HTML dalla stringa Description e applicare il convertitore nella finestra di dialogo Crea associazione dati. Per ulteriori informazioni sulla creazione di un convertitore di valori, vedere Esercitazione: convertire dati da un tipo a un altro.

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.