vs2010 学习Silverlight学习笔记(16)：RssRead
概要：
Sl已经学习有一段时间了，但总是怀疑已学的东西到底能不能做出一些东西。今天照着例子动手写一下，验证一下。
内容：
首先还是xaml的布局。都是一些控件的使用，但是让我来做肯定丑的自己都看不下去。以前最头疼的就是做页面，是没这方面细胞，还是根本就没好好练过？
MainPage.xaml:
<UserControlx:Class="SLDemo18RssRead.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="500" d:DesignWidth="800">
<Grid x:Name="LayoutRoot"Background="#fef4e7">
<Grid.RowDefinitions>
<RowDefinition Height="50"></RowDefinition>
<RowDefinition Height="20"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="240"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<StackPanel x:Name="Header"Orientation="Horizontal"
Grid.Row="0" Grid.Column="0"Grid.ColumnSpan="2">
<Image Width="32"Height="32" Margin="10 0 10 0"Source="/SLDemo18RssRead;component/Rss.png"></Image>
<Border Style="{StaticResource titleBorder}">
<TextBlock Text="基于SL的RSS阅读器"Foreground="#ffffff"
VerticalAlignment="Center" Margin="12 0 00"></TextBlock>
</Border>
<TextBox x:Name="feedAddress" Width="300" Height="35"
FontSize="16"Margin="10 0 10 0"></TextBox>
<Button x:Name="displayButton" Style="{StaticResourcebutton}"
Content="显 示" Click="displayButton_Click"></Button>
<Button x:Name="fullScreenButton"Style="{StaticResource button}"
Content="全 屏" Click="fullScreenButton_Click"></Button>
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0"Grid.ColumnSpan="2" VerticalAlignment="Center">
<RectangleStyle="{StaticResource rectangle}"/>
</StackPanel>
<ListBox x:Name="PostsList" Grid.Column="0"Grid.Row="2"
Margin="10 5 5 10"SelectionChanged="PostsList_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<TextBlockText="{Binding Title.Text}"
TextWrapping="Wrap" Width="200"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<StackPanelx:Name="Detail" Grid.Column="1" Grid.Row="2">
<Border CornerRadius="10" Background="#CDFCAE"Margin="10 5 10 10"
Width="540"Height="40">
<TextBlockText="{Binding Title.Text}" TextWrapping="Wrap"
VerticalAlignment="Center" Foreground="Red"/>
</Border>
<Border CornerRadius="10" Background="#CDFCAE"Margin="10 5 10 10"
Width="540"Height="300">
<TextBlock Text="{BindingSummary.Text}" TextWrapping="Wrap"/>
</Border>
<Border CornerRadius="10" Background="#CDFCAE"Margin="10 5 10 10"
Width="540"Height="40">
<StackPanelOrientation="Horizontal">
<TextBlockText="评论日期：" TextWrapping="Wrap"
Foreground="Red" VerticalAlignment="Center"/>
<TextBlockText="{Binding PublishDate}" TextWrapping="Wrap"
Foreground="Red" VerticalAlignment="Center"/>
</StackPanel>
</Border>
</StackPanel>
</Grid>
</UserControl>
样式部分代码，AppPage.xaml:
<Applicationxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="SLDemo18RssRead.App"
>
<Application.Resources>
<Style x:Key="button" TargetType="Button">
<Setter Property="Width"Value="100"></Setter>
<Setter Property="Height" Value="35"></Setter>
<Setter Property="Background"Value="#FBA430"></Setter>
<Setter Property="Foreground"Value="#FBA430"></Setter>
<Setter Property="FontSize"Value="16"></Setter>
</Style>
<Style x:Key="titleBorder"TargetType="Border">
<Setter Property="CornerRadius"Value="10"></Setter>
<Setter Property="Width"Value="220"></Setter>
<Setter Property="Height"Value="40"></Setter>
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrushStartPoint="0,0">
<GradientStopColor="#FBA430" Offset="0.0" />
<GradientStopColor="#FEF4E7" Offset="0.5" />
<GradientStop Color="#FBA430"Offset="1.0" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="rectangle"TargetType="Rectangle">
<Setter Property="Width"Value="780"></Setter>
<Setter Property="Height"Value="5"></Setter>
<Setter Property="RadiusX"Value="3"></Setter>
<Setter Property="RadiusY"Value="3"></Setter>
<Setter Property="Fill">
<Setter.Value>
<LinearGradientBrushStartPoint="0,0">
<GradientStopColor="#FEF4E7" Offset="0.0" />
<GradientStopColor="#FBA430" Offset="1.0" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Style>
</Application.Resources>
</Application>
代码：
/// <summary>
/// 显示列表
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void displayButton_Click(object sender, RoutedEventArgs e)
{
Uri uri = new Uri(feedAddress.Text);
WebRequest request = (WebRequest)WebRequest.Create(uri);
request.BeginGetResponse(new AsyncCallback(responseReady), request);
}
void responseReady(IAsyncResult asyncResult)
{
WebRequest request = (WebRequest)asyncResult.AsyncState;
WebResponse response = (WebResponse)request.EndGetResponse(asyncResult);
XmlReader reader = XmlReader.Create(response.GetResponseStream());
SyndicationFeed feed = SyndicationFeed.Load(reader);
PostsList.ItemsSource = feed.Items;
}
/// <summary>
/// 全屏显示
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void fullScreenButton_Click(object sender, RoutedEventArgs e)
{
Content contentObject = Application.Current.Host.Content;
contentObject.IsFullScreen = !contentObject.IsFullScreen;
}
/// <summary>
/// 查看详细信息
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void PostsList_SelectionChanged(object sender,SelectionChangedEventArgs e)
{
SyndicationItem item = PostsList.SelectedItem as SyndicationItem;
Detail.DataContext = item;
}
注：
代码所需的引用：
System.Xml.LinQ;
System.ServiceModel;
System.ServiceModel.Syndication;
引入的命名空间总共有：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Xml;
using System.Xml.Linq;
using System.Windows.Interop;
using System.ServiceModel.Syndication;
总结：
做这个例子可能遇到的困难首先是引入命名空间问题，在什么情况下需要引入什么命名空间，这个我只是照着例子试试看。我想这个也没什么取巧的方法，只能靠积累，总结。
还有一个可能只是对我来说是个困难，就是如何才能有一个漂亮的布局?以前做web我主要做逻辑，实体等部分，页面部分有别的人来做的。但这个SL主要还是用来显示的，所以我总觉得SL在我手上是被糟蹋的感觉。。。
