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

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

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

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

视图树 设计视图

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

 

 

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

视图树

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

 

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

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

视图树 设计视图

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

勾选ConstrainToParent

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

【源码下载】

时间: 2024-08-13 04:25:50

Blend4精选案例图解教程(三):一键拖拽的相关文章

Blend4精选案例图解教程(五):可视数据管理

原文:Blend4精选案例图解教程(五):可视数据管理 应用程序中我们会经常需要操作数据,在程序设计之初示例数据一般都是手工添加,Blend4提供了非常方便的数据管理能力,包括丰富的数据类型和内置示例数据,这样我们在程序设计时可以可视化进行绑定示例数据和管理静态数据.本次教程将演示Blend4中的这一优秀特性. 1.新建Silverlight项目 2.在项目默认视图中,打开数据面板,创建示例数据 3.新建示例数据,输入名称   4.生成的SampleDataSource 5.可以在Collect

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

原文:Blend4精选案例图解教程(一):丰富的形状(Shape)资源       Blend4资源面板中内置了丰富的形状素材,为我们在构建程序时提供极大的方便.系统默认内置18种常用形状,通过其属性设置可以自定义出更多衍生形状,或者通过Direct Selection工具手动绘制,我们可以获得更自由的形状编辑.当然我们还可以登陆 Expression Gallery 下载别人分享的素材(似乎并不多),来扩充形状资源库.       因为形状的用法比较一致,重点是形状的不同属性设置,在此仅举一例

Blend4精选案例图解教程(二):找张图片玩特效

原文:Blend4精选案例图解教程(二):找张图片玩特效       Blend中的特效给了我们在处理资源时更多的想象空间,合理地运用特效往往会得到梦幻般效果,本次教程展示对图片应用特效的常规操作,当然特效不仅限于使用在图片上,还也可以应用到动画和视频中. OK,开始本次旅程 1. 在项目中添加一张现有的图片 如果添加的图片大于250KB,会提示推荐把图片嵌入到XAP包中,这样图片在浏览器加载XAP文件时会一起被下载到本地. 2.把图片拖到UserControl中 3.在资源面板中,选择特效(E

微信开放平台 公众号第三方平台开发 教程三 一键登录授权给第三方平台

原文:微信开放平台 公众号第三方平台开发 教程三 一键登录授权给第三方平台 教程导航: 微信开放平台 公众号第三方平台开发 教程一 平台介绍 微信开放平台 公众号第三方平台开发 教程二 创建公众号第三方平台 微信开放平台 公众号第三方平台开发 教程三 一键登录授权给第三方平台  微信开放平台 公众号第三方平台开发 教程四 代公众号调用接口的SDK和demo   公众号第三方平台的开放,是为了让公众号运营者,在面向垂直行业需求时,可以一键登录授权给第三方的公众号运营平台,通过第三方开发者提供的公众

快速清理桌面:逗游教您一键拖拽

曾经有一次清理电脑桌面的机会摆在我面前,我没有珍惜,当我桌面变得杂乱无章的时候才后悔莫及,人生最痛苦的事莫过于删除.卸载.整理.杀毒最终导致删错东西导致崩溃重装系统.如果上天在给我一次机会的话,我会下一个逗游来管理我的桌面,如果非要对逗游说句话,我一定要说:逗游,我爱死你了. 图片一: 逗游游戏宝库是一款集海量绿色游戏告诉下载,以及强大的游戏管理功能于一身的专业游戏管理软件,让玩家原理传统下载方式的烦恼,回归轻松的游戏体念.我们全部资源都是经人工精选的绿色版本,而且都通过了各大杀毒软件,无毒无插

如何在OS X El Capitan中开启三指拖拽手势?

  一直以来,苹果Macbook的控制板手势和OS X操作系统的结合为用户带来更加完善的体验,OS X的按方式和多指手势也因此而广受用户欢迎.不过最近有不少用户发现,在苹果最新的OS X El Capitan测试版中,三指拖拽手势不见了! Mac的触控板手势可以让OS X的体验更加完善,其点按方式和多指手势更是受到了广泛的欢迎,三指拖拽手势更是其中的佼佼者. 不过在OS X El Capitan中,不少用户都表示苹果已经移除了三指拖拽的手势,因为在原来的位置"系统偏好设置"-"

MAC的三指拖拽手势怎么设置

  Mac的触控板手势可以让OS X的体验更加完善,其点按方式和多指手势更是受到了广泛的欢迎,三指拖拽手势更是其中的佼佼者. 不过在OS X El Capitan中,不少用户都表示苹果已经移除了三指拖拽的手势,因为在原来的位置"系统偏好设置"-"触控板"中已经找不到相关的设置.经过仔细查找才发现,苹果并没有将这个实用的手势操作移除,而是选项的位置发生了变动. 在OS X El Capitan中要通过以下步骤才能开启三指拖拽: 1.打开系统偏好设置 2.点击辅助功能

苹果Mac怎么设置三指拖拽?

  苹果Mac的三指拖拽手势能够大大的提高触摸板的使用频率,减少触控板左下角按键的左键功能使用,我几乎很少使用触控版的左下角的按键功能;处于本能,我们可能会在触控板中进行设置,但苹果的交互逻辑将本项内容移动到了辅助功能中,这里教大家如何在辅助功能中找到三指拖拽手势的设置,最后的注意事项请大家一定要看看--苹果Mac为什么把这么重要的"三指拖拽手势"放在了辅助功能中. 方法/步骤 1.在系统的偏好设置中,找到右下角的辅助功能; 2.在左边有很多项的选择,下滑选项单; 3.在左侧找到&qu

ArcGIS JS 学习笔记2 实现仿百度的拖拽画圆

原文:ArcGIS JS 学习笔记2 实现仿百度的拖拽画圆 一.前言       吐槽一下,百度在国内除了百度地图是良心产品外,其他的真的不敢恭维.在上一篇笔记里,我已经实现了自定义的地图测量模块.在百度地图里面(其他地图)都有一个周边搜索的功能,拖拽画一个圆,然后以圆半径进行搜索(也就是缓冲区╮(╯_╰)╭).   这次的目标,就是要山寨这个拖拽画圆的功能,我先放一个效果图.   二.开始山寨 我们先想一想要实现这个功能需要哪些步骤. 拖拽 画圆 通知拖拽结束 2.1 实现拖拽     关于拖