Blend4精选案例图解教程（三）：一键拖拽

【Blend4精选案例图解教程（三）：一键拖拽】的更多相关文章

Blend4精选案例图解教程（三）：一键拖拽

原文:Blend4精选案例图解教程(三):一键拖拽拖拽效果,常规实现方法是定义MoveLeftDwon.MoveLeftUp.MouseMove事件,在Blend的世界里,实现对象的拖拽,可以不写一行代码,而且非常简单,本次教程跟大家分享这个技巧. 1.新建项目,在默认设计视图添加一个元素,这里添加一个图片视图树设计视图 2.在资源面板(Asset)中,找到Behavior分类,选择MouseDragElementBehavior,从名字上我们就应该能理解这个行为实现的功能 3.把选中的行…

Blend4精选案例图解教程（五）：可视数据管理

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

Blend4精选案例图解教程（二）：找张图片玩特效

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

Blend4精选案例图解教程（一）：丰富的形状（Shape）资源

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

Blend4精选案例图解教程（四）：请给我路径指引

原文:Blend4精选案例图解教程(四):请给我路径指引路径在界面设计中,可以起到很好的辅助作用,我常常使用它来对元素进行规则排列和非规则排列控制. 本次教程将演示,Blend中路径的常规用法. 1.新建项目,在默认设计视图中添加一个椭圆(Elipse),按住Shift键可以画圆视图树设计视图 2.从绘制的圆中提取路径,右键点击圆,弹出的窗口选择Path-Make Layout Path,在视图树中显示为PathListBox,这就是我们需要的路径 3.选中PathListBox,通过双击图…

案例：简易的Div拖拽

案例:简易的Div拖拽鼠标移入Div区域后,按下鼠标左键,可以拖动Div移动;松开鼠标左键,Div拖动停止.同时要求Div不能拖出屏幕显示区域外. 拖拽原理:距离不变.三个事件(onmousedown.onmousemove.onmouseup) 解决问题: 1.拖拽过程中,鼠标容易滑出Div区块: 2.防止Div拖出页面:修正位置: 3.解除绑定事件:鼠标左键抬起后,Div不再随着鼠标移动而发生位置变化: <!DOCTYPE html> <html lang="zh-CN&…

手势识别官方教程(6)识别拖拽手势用GestureDetector.SimpleOnGestureListener和onTouchEvent

三种现实drag方式 1,在3.0以后可以直接用 View.OnDragListener (在onTouchEvent中调用某个view的startDrag()) 2,onTouchEvent() 3,GestureDetector.SimpleOnGestureListener 的onScroll Dragging This lesson describes how to use touch gestures to drag, using onTouchEvent() to intercep…

网站开发常用jQuery插件总结(三）拖拽插件gridster

1.gridster插件功能实现类似于win8 磁贴拖拽的功能 2.gridster官方地址 http://gridster.net/ 在官方的网站上也有插件的帮助和实例,但是按照官方的说明,我在本地测试总是出现这样那样的问题,一是无法移动,二是在磁铁的附近有一个黑点,可能是定位使用的.但是如果在网站中正常使用,应该不会出现这样的黑点.gridster插件的属性和方法在官网上有详细说明. 经过测试了一下,最后终于解决了问题.效果显示如下: 3.gridster使用方法 1.首先引用js文件 <…

js-特效部分学习-拖拽效果

一.客户区大小ClientWidth和ClientHeight <style> #box { width: 200px; height: 200px; background-color: aquamarine; margin: 20px; border: 20px solid red; padding:20px; } </style> </head> <body> <div id="box"> </div> <…

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

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