一步一步学Silverlight 2系列（25）：综合实例之Live Search
概述
Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
本节将综合前面几篇介绍与浏览器交互部分内容，做一个综合示例——Live Search
准备知识
在本示例中，我们将通过调用Live Search API，在Silverlight中动态创建DOM结构，将搜索的结果展现出来。在使用Live Search API之前，需要先去Live Search Developer Center申请一个应用程序ID。
申请完成后应用程序ID大约在10分钟左右生效。关于Live Search API的有关详细信息，请大家参考这里。
编写ASMX
直接调用API，返回的信息可能有很多，为了简单起见，我们对返回的结果做一些处理，编写一个SearchResultItem类：
public classSearchResultItem
{
public stringTitle {get;set; }
public stringUrl {get;set; }
public stringDescription {get;set; }
}
添加对Live Search API的Service引用，地址为：http://soap.search.live.com/webservices.asmx?wsdl。
在ASMX中对返回的结果进行一些处理，Silverlight程序最后将直接调用ASMX。在调用Live Search时需要指定应用程序ID以及本地化的信息等，查询的参数将在Silverlight程序中调用时传入。
[WebMethod]
publicSearchResultItem[] DoSearch(stringquery)
{
MSNSearchPortTypeClients =newMSNSearchPortTypeClient();
SearchRequestsearchRequest =newSearchRequest();
intarraySize = 1;
SourceRequest[] sr =newSourceRequest[arraySize];
sr[0] =newSourceRequest();
sr[0].Source =SourceType.Web;
searchRequest.Query = query;
searchRequest.Requests = sr;
searchRequest.AppID ="C0680205851CCC0E38946DB8FF74156C1C826A86";
searchRequest.CultureInfo ="zh-CN";
SearchResponsesearchResponse;
searchResponse = s.Search(searchRequest);
List<SearchResultItem> lists =newList<SearchResultItem>();
foreach(SourceResponsesourceResponseinsearchResponse.Responses)
{
Result[] sourceResults = sourceResponse.Results;
foreach(ResultsourceResultinsourceResults)
{
SearchResultItemitem =newSearchResultItem();
if((sourceResult.Title !=null) && (sourceResult.Title !=String.Empty))
item.Title = sourceResult.Title;
if((sourceResult.Description !=null) && (sourceResult.Description !=String.Empty))
item.Description = sourceResult.Description;
if((sourceResult.Url !=null) && (sourceResult.Url !=String.Empty))
item.Url = sourceResult.Url;
lists.Add(item);
}
}
returnlists.ToArray();
}
测试一下我们的服务是否正常：
修改测试页
在测试ASPX中，修改Silverlight插件的样式控制，并添加一个div用来显示搜索的结果：
<divstyle="height:100%;">
<asp:SilverlightID="Xaml1"runat="server"
Source="~/ClientBin/TerryLee.SilverlightGoogleSearch.xap"
Version="2.0"Width="857"Height="140" />
<divid="result"></div>
</div>
定义几个简单的样式：
<style.type="text/css">
#result
{
margin-left:20px;
}
.urlstyle
{
color:#59990E;
}
.itemstyle
{
border-bottom:dotted 1px #59990E;
margin-bottom:20px;
}
</style>
实现Silverlight程序
编写一个简单的Silverlight界面，使其看起来如图所示：
XAML声明如下：
<Gridx:Name="LayoutRoot"Background="White">
<Grid.RowDefinitions>
<RowDefinitionHeight="55"></RowDefinition>
<RowDefinitionHeight="50"></RowDefinition>
<RowDefinitionHeight="35"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinitionWidth="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<ImageSource="LiveSearch.png"Grid.Column="0"></Image>
<StackPanelGrid.Row="1"Orientation="Horizontal">
<TextBoxx:Name="txtQuery"Width="400"Height="35"
Margin="50 0 0 0"BorderBrush="#3F7801"></TextBox>
<Buttonx:Name="btnSearch"Width="120"Height="35"
Background="#62A21D"Margin="20 0 0 0"
Content="Search"FontSize="16"Click="btnSearch_Click"></Button>
</StackPanel>
<TextBlockGrid.Row="2"Text="网页搜索结果"Foreground="#59990E"
FontSize="16"Margin="20 0 0 0"></TextBlock>
</Grid>
在Silverlight项目中添加对于ASMX的引用，并编写“Search”按钮的实现，对于如何调用ASMX，可以参考一步一步学Silverlight 2系列（15）：数据与通信之ASMX。动态创建DOM结构，并将结果显示出来：
private voidbtnSearch_Click(objectsender,RoutedEventArgse)
{
LiveSearchWebServiceSoapClientclient =newLiveSearchWebServiceSoapClient();
client.DoSearchCompleted +=newEventHandler<DoSearchCompletedEventArgs>(client_DoSearchCompleted);
client.DoSearchAsync(this.txtQuery.Text);
}
voidclient_DoSearchCompleted(objectsender,DoSearchCompletedEventArgse)
{
if(e.Error ==null)
{
SearchResultItem[] results = e.ResultasSearchResultItem[];
HtmlElementresult =HtmlPage.Document.GetElementById("result");
foreach(SearchResultItemiteminresults)
{
HtmlElementitemElement =HtmlPage.Document.CreateElement("div");
itemElement.CssClass ="itemstyle";
HtmlElementtitleElement =HtmlPage.Document.CreateElement("a");
titleElement.SetAttribute("href",item.Url);
titleElement.SetAttribute("innerText",item.Title);
HtmlElementdescriptElement =HtmlPage.Document.CreateElement("div");
descriptElement.SetAttribute("innerText",item.Description);
HtmlElementurlElement =HtmlPage.Document.CreateElement("span");
urlElement.SetAttribute("innerText",item.Url);
urlElement.CssClass ="urlstyle";
itemElement.AppendChild(titleElement);
itemElement.AppendChild(descriptElement);
itemElement.AppendChild(urlElement);
result.AppendChild(itemElement);
}
}
}
运行看一下效果，查询博客园：
结束语
本文综合了前面关于浏览器集成以及数据与通信部分的内容，开发了一个综合的示例——Live Search。你可以从这里下载本文示例代码。
导入论坛 引用链接 收藏 分享给好友 推荐到圈子 管理 举报
TAG:
标题搜索
我的存档
数据统计
- 访问量: 67609
- 日志数: 1924
- 影音数: 7
- 文件数: 1
- 建立时间: 2008-01-04
- 更新时间: 2008-12-05
