Sivlerlight 3 SketchFlow Binding ListBox

在这一篇文章中我与大家分享一下,Silverlight 3 中新增加的一个功能 SketchFlow ,这个是做什么的,我想必对于初学者来说还不是怎么了解它;

他是一个针对我们在项目前期做的一些设计工作,把大制的程序流程画出来;它可以帮助我们对业务的了解,让我们理深入的分析业务;

 

阅读要求:本文只针对初学者阅读,如果你已是SL的高级开发工程师,不建议阅读;

 

在项目设计阶段怎样用SketchFlow对一些简单的数据的绑定;为了得好的学习使用它,在这里我们不用写一句代码,全用Blend来设计出;

先启动Blend程序,新建一个SketchFlow Application;如下图所示:

image

向你新建的程序里面拉一个ListBox控件:如下图所示;

image

 

添加一个TextBlock;

添加一个数据集;

image

在数据面板中添加一个数据集;

image

指定数据源的名称;

image

对属性设计类型;

image

把Property1拉到ListBox上;

 image

显示的结果如下;

image

为TextBlock添加数据源ListBox 中的SelectItem;

 

image

为TextBlock添加Text数据源;

运行结果如下图所示:

image

image

到这里这完成了,只是动手设置了几个属性就可以把大体的设计页面流程出来,可以大大提高开发中设计流程;不用写一句代码,就可以完成

数据的绑定,在设计完成以后,可以把它放到项目中去做开发;

这里说白了,就与web Application程序开中的静态页面有一点像;关于SketchFlow还有很多的功能,在这里作者也在不断的学习,我会到了,

会向大家提供我自己学习的心得;

 

作者::good man(一起学习,共同进步)
出处:http://www.cnblogs.com/caodaiming
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

posted @ 2009-10-06 10:01  阳光追梦  阅读(1701)  评论(2编辑  收藏  举报
/*快速评论*/ #div_digg { position: fixed; bottom: 10px; right: 15px; border: 2px solid #ECD7B1; padding: 10px; width: 140px; background-color: #fff; border-radius: 5px 5px 5px 5px !important; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); } /** 不知道为什么页面加载完成时还读不到div_digg。可能也是动态生成的。 所以这里只能用定时器 不断的读取,当读取到了再给它动态添加快捷按钮 **/ //自定义 定时器[当元素加载完成是执行回调函数] function customTimer(inpId,fn) { if ($(inpId).length) { fn(); } else { var intervalId = setInterval(function () { if ($(inpId).length) { //如果存在了 clearInterval(intervalId); // 则关闭定时器 customTimer(inpId,fn); //执行自身 } }, 100); } } //页面加载完成是执行 $(function () { customTimer("#div_digg", function () { var div_html = "
\ 关注\  | \ 顶部\  | \ 评论\
"; $("#div_digg").append(div_html); //tbCommentBody }); });