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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【源码下载】

上一篇:bzoj 1055 [HAOI2008]玩具取名(区间DP)


下一篇:Shell编程入门(第二版)(下)