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

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-02 03:59 点击:

修改说明:由于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 知识锦分享》,这里不做过多的介绍

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Windows Phone 项目实战之我的微盘(下)
    • Windows Phone 实用开发技巧(26):对DataTemplate中的元素播放
    • Windows Phone 实用开发技巧(25):Windows Phone读取本地数据
    • Windows Phone 实用开发技巧(27):创建透明Tile
    • Windows Phone 知识锦(12月版)
    • Windows Phone实用开发技巧(31):密码加密
    • Windows Phone 项目实战之我的微盘(上)
    • WP7实例篇之土豆搜索器(2)
    • [翻译]WP7 QuickStart-第七篇-布局
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1