Silverlight专题（14） - 基于Silverlight的Live Search图片搜索

核心提示：本文示例源代码或素材下载 前言： 最近几天微软Live Search公布了重新架构了的Live Search API（版本为2.0 Beta）该API律属于微软的最新Live Search Service项目 – Silk Road（丝绸之路）那么如何在Silverlight中调用Live Sear

本文示例源代码或素材下载

前言：

最近几天微软Live Search公布了重新架构了的Live Search API（版本为2.0 Beta）

该API律属于微软的最新Live Search Service项目 – Silk Road（丝绸之路）

那么如何在Silverlight中调用Live Search Service呢来进行网页，图片，资讯等的搜索呢？

本篇将带大家走进Silverlight+Live Image Search的美妙世界

再阅读本篇文章之前请先阅读上篇文章：Silverlight专题（12） - 基于Silverlight的Live Search网页搜索

另外Silverlight专题（13） - 基于Silverlight的Live Search资讯搜索也有参考价值

解决方案：

效果展示图如下：

UI层如下：

UI XAML

1<Grid x:Name="LayoutRoot" Background="#808080">
2　　 <Grid.RowDefinitions>
3　　　　 <RowDefinition Height="Auto"/>
4　　　　 <RowDefinition Height="Auto"/>
5　　　　 <RowDefinition/>
6　　 </Grid.RowDefinitions>
7　　 <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,20">
8　　　　 <local:WatermarkedTextBox Width="400" x:Name="QueryCtl" Watermark="Please Enter Your Query Keywords" VerticalContentAlignment="Center"/>
9　　　　 <Button x:Name="SearchBtnCtl" Margin="4,0" Width="120" Content="Search" Template="{StaticResource DefaultBtnTemplate}" Click="SearchBtnCtl_Click"/>
10　　 </StackPanel>
11　　　
12　　 <TextBlock x:Name="ImagesCountCtl" Grid.Row="1" HorizontalAlignment="Center" Width="720" Foreground="White"/>
13　　　
14　　 <ListBox Grid.Row="2" VerticalAlignment="Top" x:Name="ImageListCtl" Width="740" BorderThickness="0" Background="#808080" SelectionChanged="ImageListCtl_SelectionChanged">
15　　　　 <ListBox.ItemTemplate>
16　　　　　　 <DataTemplate>
17　　　　　　　　 <Border Background="White" CornerRadius="5" BorderThickness="5">
18　　　　　　　　　　 <StackPanel Width="160">
19　　　　　　　　　　　　 <TextBlock Text="{Binding Title}" HorizontalAlignment="Center"/>
20　　　　　　　　　　　　 <Image Height="120" Margin="8,10" Source="{Binding ThumbnailUrl}"/>
21　　　　　　　　　　 </StackPanel>
22　　　　　　　　 </Border>
23　　　　　　 </DataTemplate>
24　　　　 </ListBox.ItemTemplate>
25　　　　 <ListBox.ItemsPanel>
26　　　　　　 <ItemsPanelTemplate>
27　　　　　　　　 <toolkit:WrapPanel Width="720"/>
28　　　　　　 </ItemsPanelTemplate>
29　　　　 </ListBox.ItemsPanel>
30　　 </ListBox>
31</Grid>