WP7实例篇之土豆搜索器(1)

简介:

修改说明:由于Youku的API不怎么geli ,转而采用土豆的API,文章下方就不怎么修改了,大家可以自行修改项目中的文本.
 

学习WP7也有一段时间了,就以一个小Demo实现WP7优酷搜索器来练练手。

 

首先,我们使用Expression Blend 4创建项目,命名为WP7YoukuSearch,然后设计其主页,如下图

接着我们创建示例数据来进行绑定,导航之Data面板(如果没有,可以选择菜单栏的Windows->Data ),选择New Sample Data… 用于数据绑定。

可以看到Blend默认给我们生成了两个属性,一个是字符串类型的,一个是布尔类型的。我们将布尔类型改为Image类型,然后将Collection拖至页面中,可以看到此时页面中自动生成了一个列表(在对象和时间面板中看到是ListBox),列表中有一些字符串和图片

并且Data面板中的SampleDataSource外围包围着黄色的框,表示这个数据源被用于绑定了。

 

如果我们觉得Blend自动生成的模板达不到我们的要求,或者说我们需要重排模板,右击ListBox,选择Edit Additional Templates—> Edit Generated Items(ItemTemplate)—> Edit Current,如下图

此时我们就可以编辑模板了,注意此时默认的容器是StackPanel,我们可以通过右击StackPanel,选择Change Layout Type来改变布局的类型,这里我们选择Grid,如下图

 

调整界面后,大致的模板是这样的:

我们需要将TextBox的TextWarping设为Warp以便当字符串多的时候能自动换行:

退出模板编辑,切换到XAML代码界面,可以看到有类似如下的资源代码:

关于更多Expression Blend的技巧可以看笔者的 《Expression Blend 知识锦分享》,这里不做过多的介绍。
 

To Be Continued.....
 



    本文转自xshf12345 51CTO博客,原文链接:http://blog.51cto.com/alexis/575120,如需转载请自行联系原作者




相关文章
|
6月前
|
前端开发
仿新浪sina轻个人微博html静态网页模板
一款最新的仿新浪sina个人微博html静态网页模板(轻博客/轻微博/贴吧主页、qq社交空间主题),模板清新简洁、新颖,包含关注、粉丝、人气、个人资料、文章、视频等。
68 0
|
JSON 安全 Android开发
渔人杯部分wp
渔人杯部分wp
115 0
|
存储 前端开发 关系型数据库
Go 实现更换新春首页和皮肤配置
新春佳节到来了,各种 APP 的开启首页图片和皮肤样式都会发生变化,它们都将会更新成和新春有关系的图片广告或者新春相关的背景图片。当一个运营负责这项工作时,只需要开发一个可配置的功能,运营只需进行设置就可以完成新春首页替换和新年红皮肤更新。
117 0
|
移动开发 HTML5
HTML5汽车赛道飙车游戏免费源码下载
HTML5汽车赛道飙车游戏免费源码下载
458 0
HTML5汽车赛道飙车游戏免费源码下载
|
Android开发 开发者 iOS开发
App社会化分享组件 ShareSDK 获千万美金级 A+ 轮融资
社会化分享组件 ShareSDK 是中国最大的 App 内分享服务提供商,自2013年1月 iOS 版本上线后,已经迅速积累了近2万APP用户,超快的用户积累,为这家创业公司赢得了资本市场的青睐,在2013年7月, ShareSDK 获得深创投千万人民币 A 轮融资后,12月10日,ShareSDK A+轮融资到位,融资金额在千万美金规模。
219 0
App社会化分享组件 ShareSDK 获千万美金级 A+ 轮融资
|
存储 JSON 缓存
捉虫与寻龙:从0打造wordpress插件wp2oc fileshare (1) – 将wp存储后端做进owncloud
关键字:wp2oc fileshare,wordpress媒体存进网盘,网盘作为wordpress图床,owncloud wordpress backend storage
721 0
捉虫与寻龙:从0打造wordpress插件wp2oc fileshare (1) – 将wp存储后端做进owncloud
从 Touch ID 到 Face ID,苹果其实是在下一盘大旗
苹果对于安全性的要求绝不是单一的产品,而是整个苹果生态。
2633 0
|
iOS开发 Windows Android开发
如何把小米手机便签内容云同步到iPhone XS上?
云同步指的是在云平台上以个人为中心的不同设备之间数据共享。 那么小米手机与iPhoneXS都是支持用户个人云服务的设备,两款手机上备忘的内容能够实现共享吗? 答案显而易见,不可以。
3893 0