Silverlight专题(14) - 基于Silverlight的Live Search图片搜索
2009-01-13 11:55:47 来源:WEB开发网本文示例源代码或素材下载
前言:
最近几天微软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>
Tags:Silverlight 专题 基于
编辑录入:爽爽 [复制链接] [打 印]- ››基于IP地址的vsftp服务器
- ››silverlight全屏显示图片
- ››基于MySQL 水平分区的优化示例
- ››基于CentOS5的Linux下pptp和openvpn的搭建及配置
- ››Silverlight MVVM 模式(一) 切近实战
- ››基于JavaScript的网页版塔防游戏
- ››基于Android平台 QQ大战360手机游戏爆红
- ››基于Windows Azure的云计算应用设计
- ››Silverlight for Windows Phone 7开发系列(1):...
- ››Silverlight for Windows Phone 7开发系列(2):...
- ››Silverlight for Windows Phone 7开发系列(3):...
- ››Silverlight for Windows Phone 7开发系列(4):...
更多精彩
赞助商链接