WPF流程图制作系列相关基础一

2015-11-03 11:27 FelixShen 阅读(2397) 评论(1) 编辑收藏

WPF流程图制作相关基础一

需求是要通过wpf开发流程图，这个流程图是用户自行拖动配置。

使用过流程图的话，应该大体能想象出流程图拖动配置的样子。这里主要会涉及到的技术知识点就是 wpf拖动相关的知识。

但其实，wpf拖动是有几种不同的实现思路的

方案一通过相应鼠标的 mousedown mousemove mouseup等事件来让流程图标跟着进行移动。

方案二 wpf自带有鼠标拖动事件，但是这个拖动主要是注重于将信息从一个地方通过拖动这个动作复制到另一个地方。而不是我们所指的纯粹的元素在画板上发生位移。

方案三也是我们的重点。 WPF 在system.windows.control.primitive 命名空间下有一个专门的类叫做 Thumb 来提供实现在画板上拖动位移。

这个thumb控件是个偏基础层次的控件，可以用来构建其他的控件。就我们手头的visual stdio 当我们将鼠标滑轮向下滑的时候右边的滑块就会出现，我们可以拖动这个滑块。

我们可以观察到，通过拖动这个滑块，左边所展示的代码也会相应的移动。

Thumb的核心事件有：

DragStarted——当你在它滑块上面按下鼠标左键，开始拖动时发生；

DragDelta——只要你的拖动仍在操作（没松开鼠标左键），它就会不断地发生；

DragCompleted——不用说，这个肯定是在拖动操作结束后发生。

我们用一个简单示例来做个测验，主要就是拖动滑块的时候，在标签上显示滑块的位置坐标。

前台界面

 <Grid ><Canvas Name ="g" Background="AliceBlue" HorizontalAlignment="Left" Height="100" Margin="41,72,0,0" VerticalAlignment="Top" Width="151"><Thumb Canvas.Top ="2" Canvas.Left="2" Width="35" Height="35" DragDelta="Thumb_DragDelta" DragStarted="Thumb_DragStarted" DragCompleted="Thumb_DragCompleted"></ Thumb><TextBlock Canvas.Top ="2" Canvas.Left="2" x:Name ="tt" FontSize="24" ></TextBlock></Canvas></Grid>

后台事件响应代码

 private void Thumb_DragDelta( object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e){Thumb myThumb = (Thumb )sender;double nTop = Canvas .GetTop(myThumb) + e.VerticalChange;double nLeft = Canvas .GetLeft(myThumb) + e.HorizontalChange;           Canvas.SetTop(myThumb, nTop);Canvas.SetLeft(myThumb, nLeft);tt.Text = "Top:" + nTop.ToString() + "\nLeft:" + nLeft.ToString();}private void Thumb_DragStarted(object sender, DragStartedEventArgs e){tt.Text = "哈哈 这个玩意可以拖" ;}private void Thumb_DragCompleted(object sender, DragCompletedEventArgs e){tt.Text = "终于拖结束了" ;}

thumb控件原本的样子只是个灰头土脸的块状。

我们当然可以通过controlTemplate来设置他的面容，这个在话题之外。

效果如下

如果你喜欢~就请推荐一下吧O(∩_∩)O

WPF流程图制作系列相关基础一相关推荐

WPF入门教程系列（1）----基础
一.前言最近找了一个实习,需要学习WPF,由于之前对这门语言没有任何了解,所以就网上找大牛的博客作为入门基础,为了让自己更加熟悉,我选择了自己边学习边写博客,为了自己同时也为了方便以后他人的学习. ...
二维计算机动画基础,二维计算机动画制作新技术相关探讨
胡巧红吴忆蓉摘要:二维计算机动画制作新技术的应用是确保二维动画质量能得到有效提升,同时减少人力消耗.缩短制作时间的主要途径.本文将首先对二维计算机动画的发展进行介绍,然后论述了现有二维计算机动画制 ...
mysql bdb版本_深入理解mysql之BDB系列（1）---BDB相关基础知识
深入理解mysql之BDB系列(1) ---BDB相关基础知识作者:杨万富一:BDB体系结构 1.1.BDB体系结构 BDB总体的体系结构如图1.1所看到的,包括五个子系统(见图1.1中相关数). ...
深入理解mysql之BDB系列（1）---BDB相关基础知识
深入理解mysql之BDB系列(1) ---BDB相关基础知识作者:杨万富一:BDB体系结构 1.1.BDB体系结构 BDB整体的体系结构如图1.1所示,包含五个子系统(见图1.1中相关数 ...
WPF入门学习----系列基础教程
WPF入门教程系列目录 WPF入门教程系列二--Application介绍 WPF入门教程系列三--Application介绍(续) WPF入门教程系列四--Dispatcher介绍 WPF入门教程系 ...
WPF快速入门系列(6)——WPF资源和样式
WPF快速入门系列(6)--WPF资源和样式一.引言 WPF资源系统可以用来保存一些公有对象和样式,从而实现重用这些对象和样式的作用.而WPF样式是重用元素的格式的重要手段,可以理解样式就如CSS一 ...
WPF入门教程系列(一) 创建你的第一个WPF项目
WPF基础知识快速学习绝不是从零学起的,良好的基础是快速入手的关键,下面先为大家摞列以下自己总结的学习WPF的几点基础知识: 1) C#基础语法知识(或者其他.NET支持的语言):这个是当然的了,虽 ...
cad中简单流程图制作_如何制作流程图，word快速生成流程图技巧
在工作中,熟练使用各种办公软件是面试的基础,开始可能只会用的Word.Excel等常用的软件.随着时间,工作经验的积累,你可能会发找到一个小主管.经理之类的,这时你就必须在加强常用软件使用的能力上,继 ...
WiFi相关基础概念
转自:https://blog.csdn.net/lbaihao/article/details/73250798 一.WiFi相关基础概念 1.什么是wifi 我们看一下百度百科是如何定义的: Wi ...
【Linux开发】linux设备驱动归纳总结（一）：内核的相关基础概念
linux设备驱动归纳总结(一):内核的相关基础概念 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ...

WPF流程图制作系列相关基础一

WPF流程图制作系列相关基础一

WPF流程图制作系列相关基础一相关推荐

最新文章

热门文章