WINDOWSPHONE STUDY1:创建一个 Windows Phone 7 下的简单 RSS 阅读器

在这篇文章中我们将为 Windows Phone 7 手机创建一个简单的 RSS (Really Simple Syndication) 阅读器。用户界面包含一个文本输入框用于输入 RSS 地址，以及一个 ListBox 用于显示 RSS 条目，如下图所示：

下载整个项目打包

项目是详细的步骤：

1. 创建新项目

首先我们要创建一个新项目，打开 Visual Studio 2010 -> File -> New Project -> 选择 Windows Phone Application ，如下图所示：

2. 为项目增加引用

接下来你需要增加对 Microsoft.Xml.Linq 这个 XML 解析库的应用，右击项目下的引用库，人然后选择添加引用，在 .NET 的 tab 页中你将找到 Microsoft.Xml.Linq, 点击 OK 按钮，如下图所示：

3. 修改标题

这个步骤不是必须的，但我还是决定加进来，在这个步骤中我们简单的修改 TitleGrid 元素用来指定应用程序的标题

1

<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="24,24,0,12"> 

2

    <TextBlock x:Name="ApplicationTitle" Text="EUGENEDOTNET.COM" Margin="0,0,0,0" Style="{StaticResource PhoneTextNormalStyle}"/> 

3

    <TextBlock x:Name="PageTitle" Text="RSS Reader" Margin="-3,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> 

4

</StackPanel>

4. 修改 ContentGrid

ContentGrid 将包含应用程序中所需的 UI 元素，最基本的包括下面三项：

TextBox 用于输入 RSS 网址
Button 用于触发读取 RSS 信息的事件
ListBox 用于显示 RSS 数据结果，包含标题和链接

需要注意的是按钮的点击事件是通过 XAML 中定义的，另外 Windows Phone 7 有一个新的 InputScope 特性用于简化输入框直接输入 URL 地址后响应回车键。

01

<Grid x:Name="ContentGrid" Grid.Row="1"> 

02

03

    <Grid.RowDefinitions> 

04

        <RowDefinition Height="70" /> 

05

        <RowDefinition Height="Auto" /> 

06

    </Grid.RowDefinitions> 

07

08

    <TextBox Name="tbRSSFeedURL" Grid.Row="0" Text=""  Width="350" Margin="10,0,10,0" HorizontalAlignment="Left"> 

09

10

        <TextBox.InputScope> 

11

            <InputScope> 

12

                <InputScopeName NameValue="Url" /> 

13

            </InputScope> 

14

        </TextBox.InputScope> 

15

16

    </TextBox> 

17

    <Button Name="btnReadFeed" Grid.Row="0" Content="Read" Width="110" Margin="10,0,10,0" HorizontalAlignment="Right" Click="btnReadFeed_Click" /> 

18

19

    <ScrollViewer Width="440" Height="530" Grid.Row="1" Margin="10, 20, 0, 0"> 

20

        <ListBox Name="listboxRSSFeedItems" Width="440" Height="530"> 

21

22

            <ListBox.ItemTemplate> 

23

                <DataTemplate> 

24

                    <Grid> 

25

                        <Grid.RowDefinitions> 

26

                            <RowDefinition Height="Auto" /> 

27

28

                            <RowDefinition Height="Auto" /> 

29

                        </Grid.RowDefinitions> 

30

                        <TextBlock TextWrapping="Wrap" Text="{Binding Title}" Grid.Row="0" FontSize="24" HorizontalAlignment="Left" /> 

31

32

                        <HyperlinkButton Content="Link to details" NavigateUri="{Binding Link}" HorizontalAlignment="Left" Grid.Row="1"  Margin="0,0,0,30" /> 

33

34

                    </Grid> 

35

                </DataTemplate> 

36

            </ListBox.ItemTemplate> 

37

        </ListBox> 

38

    </ScrollViewer> 

39

</Grid>

5. 为 RSS 条目创建一个单独的类

现在我们只需要创建一个新的容器类用来保存 RSS 数据

1

public class RSSFeedItem 

2
{ 

3

    public string Title { get; set; } 

4

    public Uri URL { get; set; } 

5
}

6. 实现事件功能

接下来我们需要为 Read 按钮编写事件处理程序，我们需要创建一个新的 URI 对象并传递给 ReadRss 方法

1

private void btnReadFeed_Click(object sender, RoutedEventArgs e) 

2
{ 

3

    if (!string.IsNullOrEmpty(tbRSSFeedURL.Text)) 

4

    { 

5

        ReadRss(new Uri(tbRSSFeedURL.Text, UriKind.Absolute)); 

6

    } 

7
}

7. 实现应用程序逻辑

需要确保在 MainPage.xaml 类中使用如下应用语句：

`1`	`using` `System.Xml.Linq;` `// for reading RSS using Linq-To-XML`

`2`	`using` `System.IO;` `// for Stream object`

接下来你需要实现一个 ReadRss 方法，接收一个 URI 参数。如果请求成功的话，应用将处理返回的 RSS 信息并将每个条目放到 ListBox 中

01

public void ReadRss(Uri rssUri) 

02
{ 

03

    WebClient wclient = new WebClient(); 

04

05

    wclient.OpenReadCompleted += (sender, e) => 

06

    { 

07

        if (e.Error != null) 

08

            return; 

09

10

        Stream str = e.Result; 

11

        XDocument xdoc = XDocument.Load(str); 

12

13

        // take 10 first results 

14

        List<RSSFeedItem> rssFeedItems = (from item in xdoc.Descendants("item") 

15

                                            select new RSSFeedItem() 

16

                                            { 

17

                                                Title = item.Element("title").Value, 

18

                                                URL = new Uri(item.Element("link").Value, UriKind.Absolute), 

19

                                            }).Take(10).ToList(); 

20

        // close 

21

        str.Close(); 

22

23

        // add results to listbox 

24

        listboxRSSFeedItems.Items.Clear(); 

25

        rssFeedItems.ForEach(item => listboxRSSFeedItems.Items.Add(item)); 

26

    }; 

27

    wclient.OpenReadAsync(rssUri); 

28
}