Silverlight 2 end to end Tutorial: Create a Digg search Client

Part0 Silverlight 2 end to endTutorial series: Create a Digg search Client

Translator: ttzhang (technology life)
Translation time: 2008/10/24 22:02:59
Author: scottgu
Source: scottgu's blog

Silverlight 2 end to end Tutorial: Building a Digg search Client

Silverlight 2 end to end series Tutorial: Create a Digg search Client

To help people come up to speed with Silverlight 2, I 've written a simple Silverlight application and put together a series of Step by Step Tutorials that explain the different programming concepts behind it (controls, layout management, networking, data-binding, styles, user controls, templates, etc ). I also added a tutorial post that demonstrates how to migrate the application outside of the browser and enable it to run as a desktop application using WPF and the full. net Framework.

To help you catch up quicklySilverlight2, I have written a simpleSilverlightProgramAnd put the step-by-step learning tutorials in a series, to explain different programming concepts (controls, layout management, network communication, data binding, styles, user controls, templates, and so on ). In addition, I also releasedSilverlightFor exampleWPFAnd. NET FrameworkLetSilverlightApplications run like desktop applications.

The following is the series I 've compiled together8Link to the Tutorial:

Note: As this part of the tutorial already has a Chinese version, I have stopped translating from this tutorial and added a link between English and Chinese translation.

• Part 0: Introduction

([Chinese Version] Part I: Introduction)

Part 1: Creating "Hello World" with Silverlight 2 and vs 2008

([Chinese Version] Part 1: Use Silverlight 2 and vs 2008 to create a "hello World" Program)

• Part 2: Using layout management

(Chinese Version] Part 2: Use layout management (translated by wooye Fox ))

• Part 3: Using networking to retrieve data and populate a DataGrid

(Chinese Version] Part 3: Use networking to retrieve data and fill the DataGrid)

Part 4: using style elements to better encapsulate look and feel

(Chinese Version] Part 4: using style elements to better encapsulate viewings (translated by wooye Fox ))

Part 5: using the ListBox and databinding to display list data

(Chinese Version] Part 5: Use ListBox and databinding to display list data (translated by wooye Fox ))

Part 6: using user controls to implement master/details scenarios

(Chinese Version] Part 6: Use user controls to implement Master/Slave tables)

• Part 7: using templates to customize control look and feel

([Chinese Version] Part 7: use the control template to customize the view of the Control)

• Part 8: creating a Digg desktop version of our application using WPF

(Chinese version) Part 8: Use WPF to create a Digg desktop application)

 

The application I 've built the tutorials around is a simple search front end to the popular digg.com site, and allows users to type in search topics and browse Digg stories that match them.

The program I have created is based on a popular websiteDigg.comAllows us to enter a Search topic to browseDiggory.

<Download code> Click hereTo download a completed version of The Digg client sample. </download code>

<Download code> click here to downloadDiggComplete client sampleSource code. </Download code>

All of the UI in the application is built using Silverlight's built-in wpf ui framework. the application uses the Silverlight networking stack and cross-domain access support to query the Digg rest API directly, and uses LINQ and LINQ to XML to query/transform the returned data into digstory objects that I databind the UI against:

1. All UI Both use Silverlight Built-in Wpf ui framework Created. Program usage Silverlight Supports direct query of multiple networks and cross-origin access. Diggrest API And LINQ And LINQ to XML To Query / The data returned by the conversion is bound UI On Diggory Object:

   The application supports a master/details data interaction model that allows users to select stories from the search list and quickly drill into more details about them. A user can jump to the Digg Article directly from the Details Form, or close it and pick another story to drill:

   This program supports/Details"Data Interaction Model, allowing users to select from the search listStoriesAnd quickly display their more detailed information. In the details form, you can directly jumpDiggOnArticle, Or close the form and select to view anotherStory.

   The entire application is implemented in about 35 lines of C # code and 75 lines of XAML page/user-Control Markup. It only uses controls and libraries built-into Silverlight.

   The entire program is executed about35LineC #CodeAnd75LineXAMLPage/User Control flag. It only usesSilverlightBuilt-in controls and class libraries.

   <Download code> click here to download a completed version of The Digg client sample. </download code>

   <Download code> click here to downloadDiggComplete source code of the client sample. </Download Code>

   If you have used WPF before the UI concepts I discuss in the tutorial series will all be very familiar. if you haven't used WPF before, the tutorials shoshould provide a good overview of the fundamental Programming Concepts in it, and hopefully provide you with the basic knowledge necessary to start building either Silverlight 2 or WPF applications.

   If you have usedWPFSo what you mentioned in this series of tutorialsUIThe concept will be very familiar. If you have never usedWPFThis tutorial will give you a good understanding of its basic programming concepts and hope to createSilverlight 2OrWPFThe application provides the necessary basic knowledge.

   This is the first time I have translated an article. I hope my friends in the garden can give me more advice and support! I will post the translation of these eight articles here in the next two days. Please pay attention to it!