Blend4精选案例图解教程(三):一键拖拽

拖拽效果,常规实现方法是定义MoveLeftDwon、MoveLeftUp、MouseMove事件,在Blend的世界里,实现对象的拖拽,可以不写一行代码,而且非常简单,本次教程跟大家分享这个技巧。

1、新建项目,在默认设计视图添加一个元素,这里添加一个图片

视图树1 设计视图1-1

2、在资源面板(Asset)中,找到Behavior分类,选择MouseDragElementBehavior,从名字上我们就应该能理解这个行为实现的功能

2

 

 

3、把选中的行为拖拽到图片元素上

2-1 视图树3

4、搞定,收工! F5,享受一键拖动的快感吧。

 

进阶控制:限定元素的拖拽范围

5、很自然会想到把图片放在一个容器里,通过容器控制可移动的范围

视图树4 设计视图4-1

6、很重要的一步,设置MouseDragElementBehavior的属性

勾选ConstrainToParent4-2

7、OK,收工!F5,Injoy yourself.

【源码下载】

posted @ 2010-09-10 09:07  iEricLee  阅读(7199)  评论(10编辑  收藏  举报