用 Blend 给Windows Phone 应用创建 示例数据
前言
创建 示例数据(Sample Data) 是提高程序开发效率的一个很有效方法,有了它,我们调UI的时候就不必每次都运行应用,然后在手机上观看页面效果了,配合 “AlignmentGrid.png”,简直方便极了。
这里翻译一篇MSDN的博客,文章完整的描述了,具体的操作步骤,原文地址:这里
正文
拥有设计 Windows Phone UI 的能力很重要,为了实现这一点,我们需要在应用的页面上填充一些数据。但是对于 UI界面的开发者,数据并不是总是必须的。
为了满足这个需求,Blend 提供了一个简单易用的工具来帮我们在应用中设计和使用示例数据。
在这篇博客里,我将讲讨论并且实现 在Windows Phone 8应用里创建示例数据。
让我们从 用Blend 创建一个空Windows Phone项目开始。
1、打开Blend ,点击 "New Project"
2、 在弹出的对话框里,依次选择 Windows Phone -> Windows Phone App ,点击 OK
3、 项目被创建好之后,在屏幕右侧,你可以看到 "Data" Tab 页
4、选中 "Data" Tab,你可以看到在右上角看到两个按钮,"Create Sample Data" 和 "Create Data Source"
5、点击 "Create Sample Data" ,并且点击 "New Sample Data"
6、 给它起个名,然后点击OK
现在,看一下 "Data" Tab页,已经有了一个名为 "SampleDataSource" 的项
展开 "SampleDataSource" ,你可以看到一个 "Collection",再继续展开,可以看到2个属性:"Property1" 和 "Property2"
双击 "Property1" 和 "Property2" 可以给它改名字,我们分别命名为 "Email" 和 "Name"
在属性的右边,有一个叫做 ”Change Property Type“ 的按钮,因为我们想要改变这两个属性的类型,点击按钮,在弹出的对话框里,将类型从 Boolean 改为 String ,
面板会变成如下所示,
在 "Format" 这个下拉框里,选择 Email Address。
现在开始,我们来到了有趣的部分。 你可以将整个数据集合或者一个属性拖放到界面上,剩余的部分,Blend 会自动替你完成。
一旦你把 "Collection" 拖放到界面上,会自动创建一个 "Listbox" ,并且它的 ItemsSource 属性会自动被设置为 "Collection",这样我们刚才创建的 示例数据就显示在界面上了。
你可以编辑SampleData,并且把它换成你自己的。
点击 挨着 "Collection" 的 "Edit Sample Values ", 你将会看到一个显示着 示例数据的窗体。
双击任意一个值就可以开始编辑。
你也可以增加数据的个数,点击Ok,返回主窗体。
改变 Sample Data 的样式,
(注:这一节就是简单的设置ItemTemplate,没什么新鲜的,就不写了。)
用 Blend 给Windows Phone 应用创建 示例数据的更多相关文章
- 使用独立模式安装Sharepoint Server 2013出现创建示例数据错误的解决方案
使用独立模式安装Sharepoint Server 2013,允许配置向导到第8步创建示例数据时,出错了! Exception: System.ArgumentException: The SDDL ...
- Windows Phone 8初学者开发—第12部分:改进视图模型和示例数据
原文 Windows Phone 8初学者开发—第12部分:改进视图模型和示例数据 第12部分:改进视图模型和示例数据 原文地址:http://channel9.msdn.com/Series/Win ...
- C++开发python windows版本的扩展模块示例
C++开发python windows版本的扩展模块示例 测试环境介绍和准备 测试环境: 操作系统:windows10 Python版本:3.7.0 VS版本:vs2015社区版(免费) 相关工具下载 ...
- 玩转Windows服务系列——创建Windows服务
创建Windows服务的项目 新建项目->C++语言->ATL->ATL项目->服务(EXE) 这样就创建了一个Windows服务项目. 生成的解决方案包含两个项目:Servi ...
- [笔记]linux下和windows下的 创建线程函数
linux下和windows下的 创建线程函数 #ifdef __GNUC__ //Linux #include <pthread.h> #define CreateThreadEx(ti ...
- windows环境下创建 .文件夹
一.windows环境下创建 .文件夹 1.新建一个文件夹 2.重命名为.properties.(名字前后都加点) 二.windows环境下创建 .文件 1.上面的方法对文件同样适用 2.运行CMD, ...
- windows服务的创建、安装、调试全过程及引发的后续学习
前几天做项目的时候需要用到window服务,研究一段时间,算是掌握了最基本的使用方法吧,现总结如下: 引言:在项目过程中碰到一个问题:需要不断的扫描一个大型数据库表,并获取dataset,以便做后续的 ...
- Windows 7/8 创建WIFI热点
问题描述:很多人(特别是中国的大学生)都拥有一台联网的笔记本电脑,而手机使用的却是电信运营商提供的限制数量和速度的GPRS. 很多人不敢想象:联网的笔记本电脑能够将其流量以WiFi的形式共享出来供其它 ...
- win32 api Windows窗口的创建
windows窗口的创建有以下几个步骤: 1.创建注册窗口类 2.创建窗口句柄 3.显示更新窗口 4.消息循环 1.创建注册窗口类 所谓创建窗口类就是定义一个WNDCLASS类对象,并将该对象进行初始 ...
随机推荐
- runtime-给系统已有类添加属性
在没有接触runtime之前,我们接触到的能给类进行扩展的方法有类目(category)和延展(extension)两种.类目(category)可以给系统已有类添加扩展方法但是不能添加属性,并且被添 ...
- ORA-01722:无效数字
今天写查询语句,关联多张表,出现了这个错误. 结果发现时字段的数据类型不一致. select * from table_a a,table_b b where to_char(a.project_id ...
- 【原创】CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(5)使用放射渐变制作光影效果
阴影效果通常用来表现光线投射在物体上的感觉,如果想制作一个如图5.19所示的文字光影效果,就可以使用背景的线性渐变进行构建. 图5.19可以看到有类似光束照射文字的效果,很好地突出了文字.这实现起来很 ...
- Java界面设计 Swing(1)
Java界面设计的用途 开发者可以通过Java SE开发丰富并且强大的具有图形界面的桌面应用程序.也可以设计一些提高效率的工具软件,帮助自己处理机械性工作. Java 的图形界面工具包,可以用于工具类 ...
- vue2.0实战
学了几周的vue2.0,终于有时间去做一个应用了. 为了全面联系相关知识,所以用到了vue-router,以及作者最新推荐的axios,组件库用的是饿了么的mint-ui2.0. 项目构建使用官方vu ...
- vue2/vuex2的那点坑
说是坑,其实大部分是我们自己的过错! vuex官方demo在1.0可以运行,在2.0报错?此类问题,应该很常见吧? 还有顺溜的利用1.0搭建的webpack编译环境到了vue2.0突然失效了,报错了? ...
- height:100%与height:inherit的区别
一.兼容性 首先,inherit这个属性只是在ie8+才支持:100%支持ie6: 二.大多数情况下没有区别 在正常情况下height:100%与height:inherit没有任何区别: 1.父元素 ...
- WebForm控件--2016年12月29日
简单控件 1.Label => <span id="Label1">Label1</span> 2.Literal => Text 填 ...
- BZOJ 1095: [ZJOI2007]Hide 捉迷藏
Description 一棵树,支持两个操作,修改一个点的颜色,问树上最远的两个白点距离. Sol 动态点分治. 动态点分治就是将每个重心连接起来,形成一个跟线段树类似的结构,当然它不是二叉的... ...
- python ConfigParser 模块
ConfigParser的函数方法 读取配置文件 read(filename) 直接读取ini文件内容 sections() 得到所有的section,并以列表的形式返回 options(sectio ...