本實例是來源msdn的Metro開發文檔，按著解說一步步來理解的，修改了一點點，拿了博客園本人的博客作為RSS閱讀，本實例用來學習還是可以的

參考文檔http://msdn.microsoft.com/zh-cn/library/windows/apps/br211380.aspx#Y909?

先看允許結果

????????????????????????????????????????????????????

?

本例子主要有2個類文件和2個xaml文件

第一個類文件FeedData.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;



using System.Collections.ObjectModel;

using System.Threading.Tasks;

using Windows.Web.Syndication;



using Windows.Globalization.DateTimeFormatting;







namespace sl

{

// FeedData

// Holds info for a single blog feed, including a list of blog posts (FeedItem)

public class FeedData

{

public string Title { get; set; }

public string Description { get; set; }

public DateTime PubDate { get; set; }



private List<FeedItem> _Items = new List<FeedItem>();

public List<FeedItem> Items

{

get

{

return this._Items;

}

}

}



// FeedItem

// Holds info for a single blog post

public class FeedItem

{

public string Title { get; set; }

public string Author { get; set; }

public string Content { get; set; }

public DateTime PubDate { get; set; }

public Uri Link { get; set; }

}



// FeedDataSource

// Holds a collection of blog feeds (FeedData), and contains methods needed to

// retreive the feeds.

public class FeedDataSource

{

private ObservableCollection<FeedData> _Feeds = new ObservableCollection<FeedData>();

public ObservableCollection<FeedData> Feeds

{

get

{

return this._Feeds;

}

}



public async Task GetFeedsAsync()

{



Task<FeedData> feed1 =

GetFeedAsync(" http://feed.cnblogs.com/blog/u/109818/rss");



this.Feeds.Add(await feed1);

}



private async Task<FeedData> GetFeedAsync(string feedUriString)

{

// using Windows.Web.Syndication;

SyndicationClient client = new SyndicationClient();

Uri feedUri = new Uri(feedUriString);



try

{

SyndicationFeed feed = await client.RetrieveFeedAsync(feedUri);



// This code is executed after RetrieveFeedAsync returns the SyndicationFeed.

// Process it and copy the data we want into our FeedData and FeedItem classes.

FeedData feedData = new FeedData();



feedData.Title = feed.Title.Text;

if (feed.Subtitle.Text != null)

{

feedData.Description = feed.Subtitle.Text;

}

// Use the date of the latest post as the last updated date.

feedData.PubDate = feed.Items[0].PublishedDate.DateTime;



foreach (SyndicationItem item in feed.Items)

{

FeedItem feedItem = new FeedItem();

feedItem.Title = item.Title.Text;

feedItem.PubDate = item.PublishedDate.DateTime;

feedItem.Author = item.Authors[0].Name.ToString();

// Handle the differences between RSS and Atom feeds.

if (feed.SourceFormat == SyndicationFormat.Atom10)

{

feedItem.Content = item.Content.Text;

feedItem.Link = new Uri("http://www.cnblogs.com" + item.Id);

}

else if (feed.SourceFormat == SyndicationFormat.Rss20)

{

feedItem.Content = item.Summary.Text;

feedItem.Link = item.Links[0].Uri;

}

feedData.Items.Add(feedItem);

}

return feedData;

}

catch (Exception)

{

return null;

}

}

}



}

?

第2個類文件DateConverter.cs

主要負責數據的轉換

?

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;



using System.Collections.ObjectModel;

using System.Threading.Tasks;

using Windows.Web.Syndication;



using Windows.Globalization.DateTimeFormatting;



namespace sl

{

public class DateConverter : Windows.UI.Xaml.Data.IValueConverter

{

public object Convert(object value, Type targetType, object parameter, string culture)

{

if (value == null)

throw new ArgumentNullException("value", "Value cannot be null.");



if (!typeof(DateTime).Equals(value.GetType()))

throw new ArgumentException("Value must be of type DateTime.", "value");



DateTime dt = (DateTime)value;



if (parameter == null)

{

// Date "7/27/2011 9:30:59 AM" returns "7/27/2011"

return DateTimeFormatter.ShortDate.Format(dt);

}

else if ((string)parameter == "day")

{

// Date "7/27/2011 9:30:59 AM" returns "27"

DateTimeFormatter dateFormatter = new DateTimeFormatter("{day.integer(2)}");

return dateFormatter.Format(dt);

}

else if ((string)parameter == "month")

{

// Date "7/27/2011 9:30:59 AM" returns "JUL"

DateTimeFormatter dateFormatter = new DateTimeFormatter("{month.abbreviated(3)}");

return dateFormatter.Format(dt).ToUpper();

}

else if ((string)parameter == "year")

{

// Date "7/27/2011 9:30:59 AM" returns "2011"

DateTimeFormatter dateFormatter = new DateTimeFormatter("{year.full}");

return dateFormatter.Format(dt);

}

else

{

// Requested format is unknown. Return in the original format.

return dt.ToString();

}

}



public object ConvertBack(object value, Type targetType, object parameter, string culture)

{

string strValue = value as string;

DateTime resultDateTime;

if (DateTime.TryParse(strValue, out resultDateTime))

{

return resultDateTime;

}

return Windows.UI.Xaml.DependencyProperty.UnsetValue;

}

}



} 第一個界面文件BlankPage.xaml文件（包括兩段代碼）
xaml代碼
<Page
x:Class="sl.BlankPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:sl"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
<Grid.RowDefinitions>
<RowDefinition Height="140" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>

<!-- Title -->
<TextBlock x:Name="TitleText" Text="{Binding Title}"
VerticalAlignment="Center" FontSize="48" Margin="56,0,0,0"/>

<!-- Content -->
<Grid Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*" MinWidth="320" />
<ColumnDefinition Width="3*" />
</Grid.ColumnDefinitions>

<!-- Left column -->
<!-- The default value of Grid.Column is 0, so we do not need to set it
to make the ListView show up in the first column. -->
<ListView x:Name="ItemListView"
ItemsSource="{Binding Items}"
Margin="60,0,0,10"
SelectionChanged="ItemListView_SelectionChanged">
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding Title}"
FontSize="24" Margin="5,0,0,0" TextWrapping="Wrap" />
<TextBlock Text="{Binding Author}"
FontSize="16" Margin="15,0,0,0"/>
<TextBlock Text="{Binding Path=PubDate, Converter={StaticResource dateConverter}}"
FontSize="16" Margin="15,0,0,0"/>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>


<!-- Right column -->
<!-- We use a Grid here instead of a StackPanel so that the WebView sizes correctly. -->
<Grid DataContext="{Binding ElementName=ItemListView, Path=SelectedItem}"
Grid.Column="1" Margin="25,0,0,0">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<TextBlock x:Name="PostTitleText" Text="{Binding Title}" FontSize="24"/>
<WebView x:Name="ContentView" Grid.Row="1" Margin="0,5,20,20"/>
</Grid>
</Grid>
</Grid>

</Page>

C#代碼

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using Windows.Foundation;

using Windows.Foundation.Collections;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;



using System.Collections.ObjectModel;

using System.Threading.Tasks;

using Windows.Web.Syndication;



using Windows.Globalization.DateTimeFormatting;



// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238



namespace sl

{

/// <summary>

/// An empty page that can be used on its own or navigated to within a Frame.

/// </summary>

public sealed partial class BlankPage : Page

{









public BlankPage()

{

this.InitializeComponent();

}



/// <summary>

/// Invoked when this page is about to be displayed in a Frame.

/// </summary>

/// <param name="e">Event data that describes how this page was reached. The Parameter

/// property is typically used to configure the page.</param>

protected override async void OnNavigatedTo(NavigationEventArgs e)

{

FeedDataSource _feedDataSource = App.DataSource;



if (_feedDataSource.Feeds.Count == 0)

{

await _feedDataSource.GetFeedsAsync();

}



this.DataContext = (_feedDataSource.Feeds).First();



}



private void ItemListView_SelectionChanged(object sender, SelectionChangedEventArgs e)

{

FeedItem feedItem = e.AddedItems[0] as FeedItem;

if (feedItem != null)

{

// Navigate the WebView to the blog post content HTML string.

ContentView.NavigateToString(feedItem.Content);

}





}

}

}

?

第4個文件是App.xaml（包括2段代碼）

?

xaml代碼

<Application

x:Class="sl.App"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="using:sl">



<Application.Resources>

<ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary>

<local:FeedDataSource x:Key="feedDataSource"/>



<!-- Add the DateConverter here. -->

<local:DateConverter x:Key="dateConverter" />



</ResourceDictionary>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>



</Application>

?

C#代碼

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using Windows.ApplicationModel;

using Windows.ApplicationModel.Activation;

using Windows.Foundation;

using Windows.Foundation.Collections;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;



using System.Collections.ObjectModel;

using System.Threading.Tasks;

using Windows.Web.Syndication;



using Windows.Globalization.DateTimeFormatting;



// The Blank Application template is documented at http://go.microsoft.com/fwlink/?LinkId=234227



namespace sl

{

/// <summary>

/// Provides application-specific behavior to supplement the default Application class.

/// </summary>







sealed partial class App : Application

{

/// <summary>

/// Initializes the singleton application object. This is the first line of authored code

/// executed, and as such is the logical equivalent of main() or WinMain().

/// </summary>

public static FeedDataSource DataSource;



public App()

{

this.InitializeComponent();

DataSource = new FeedDataSource();



}



/// <summary>

/// Invoked when the application is launched normally by the end user. Other entry points

/// will be used when the application is launched to open a specific file, to display

/// search results, and so forth.

/// </summary>

/// <param name="args">Details about the launch request and process.</param>

protected override void OnLaunched(LaunchActivatedEventArgs args)

{

if (args.PreviousExecutionState == ApplicationExecutionState.Terminated)

{

//TODO: Load state from previously suspended application

}



// Create a Frame to act navigation context and navigate to the first page

var rootFrame = new Frame();

rootFrame.Navigate(typeof(BlankPage));



// Place the frame in the current Window and ensure that it is active

Window.Current.Content = rootFrame;

Window.Current.Activate();

}



/// <summary>

/// Invoked when application execution is being suspended. Application state is saved

/// without knowing whether the application will be terminated or resumed with the contents

/// of memory still intact.

/// </summary>

/// <param name="sender">The source of the suspend request.</param>

/// <param name="e">Details about the suspend request.</param>

void OnSuspending(object sender, SuspendingEventArgs e)

{

//TODO: Save application state and stop any background activity



}

}

}

源于參考文檔http://msdn.microsoft.com/zh-cn/library/windows/apps/br211380.aspx#Y909

轉載于:https://www.cnblogs.com/suguoqiang/archive/2012/03/07/2384394.html

總結

以上是生活随笔為你收集整理的xaml语言建立首个win8 Metro应用，rss阅读器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。