码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-04-20 00:15:09      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

视图树技术分享 设计视图技术分享

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

技术分享

 

 

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

技术分享 视图树技术分享

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

 

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

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

视图树技术分享 设计视图技术分享

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

勾选ConstrainToParent技术分享

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

【源码下载】

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

标签:

原文地址:http://www.cnblogs.com/lonelyxmas/p/4440456.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!