Learning Silverlight 2 Series (18): RSS reader for integrated examples

Source: Internet
Author: User
Tags silverlight

In this paper, we will synthesize a comprehensive example-simple RSS reader by synthesizing several aspects of interface layout, style, control template, data binding and network communication, which are discussed in the previous 17 articles.

Interface layout

Our final RSS reader interface is as follows:

Define a grid of three rows and two columns, placing the top information, the split line, and the following content area, respectively:

<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& gt;

Design the top input area, merge the first line of grid, and place a StackPanel:

<stackpanel x:name= "Header" orientation= "Horizontal"
grid.row= "0" grid.column= "0" grid.columnspan= "2" >
<image source= "Rss.png" width= "height=" margin= "0 0" ></Image>
<border style= "{StaticResource Titleborder}" >
<textblock text= "Silverlight-based RSS reader" foreground= "#FFFFFF"
Verticalalignment= "Center" margin= "0 0 0" ></TextBlock>
</Border>
<watermarkedtextbox x:name= "feedaddress" width= "35" height= "
Fontsize= "margin=" "0 0" >
<WatermarkedTextBox.Watermark>
<textblock text= "Please enter a valid RSS address" verticalalignment= "Center"
Foreground= "#FBA430" fontsize= "></TextBlock>"
</WatermarkedTextBox.Watermark>
</WatermarkedTextBox>
<button x:name= "Displaybutton" style= "{StaticResource Button}"
Content= "Show" click= "Displaybutton_click" ></Button>
<button x:name= "Fullscreenbutton" style= "{StaticResource Button}"
content= "Full Screen" click= "Fullscreenbutton_click" ></Button>
</stackpanel&g T;

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.