用.NET实现所见即所得的设计器(3)
点击次数：25 次 发布日期：2008-11-26 12:26:36 作者：源代码网
|
源代码网推荐 源代码网推荐 当设计器从XML文档加载设计文档时， 首先生成XML文档对象树， 然后根据一一对应的关系来生成设计文档对象树，此时需要从XML元素保存的信息来判断该XML元素是对应于那种设计文档元素，设计器可以从XML元素名称来判断，也可以从某个XML属性来判断，在此我使用XML元素名称来判断，首先是针对一个XML元素，获得其名称比获得某个属性值要方便，其次是XML名称是必然存在的，肯定不为空，而XML属性则可能由于某种原因而缺失，XML名称比XML属性要稳定。 源代码网推荐 源代码网推荐 基于上述的认识，当采用XML文档作为保存方式时，设计基础元素需要定义两个虚函数，一个用于从XML文档加载对象属性数据，另一个要向XML文档保存对象数据。而其他文档元素对象则根据需要重载这两个函数来实现自己的加载和保存对象属性的操作，对于容器元素，还需要保存子元素数据到XML文档和从XML文档加载子元素。当然在实际应用中还要根据需要定义一些辅助成员来帮助加载和保存XML文档。 源代码网推荐 源代码网推荐 设计器生成的XML文档一般保存为文件形式，当然可以根据需要来保存的数据库里或者上传到各种服务器中。若直接保存到数据库中，则整个应用系统中所有的设计器编辑的都是同一个文档版本，而且一旦保存便可立即应用。 源代码网推荐 源代码网推荐 用户界面相关的接口 源代码网推荐 源代码网推荐 设计器需要绘制文档视图，则需要设计文档对象模型提供支持。因此文档基本元素需要定义两类通用接口，一个是和绘制文档相关的接口，一个是处理鼠标键盘事件相关的接口。 源代码网推荐 源代码网推荐 绘制文档相关接口 源代码网推荐 源代码网推荐 大部分文档元素需要在文档视图中绘制内容，因此它们需要重载绘制文档的接口，这类接口主要有两个函数，一个是计算元素大小的函数，一般命名为 RefreshSize , 一个是绘制元素的函数,一般命名为RefreshView。 源代码网推荐 源代码网推荐 一般设计者指定元素的大小，元素本身不需要计算其大小，但某些元素可能是根据其内容自动设置大小，因此需要重载计算元素大小的函数RefreshSize来自动设置大小。自动设置大小可能只是设置元素的宽度或高度，也可能是同时设置其宽度和高度。同一个元素，可能在一种状态下不会自动设置大小，而在另外一种状态下需要自动设置大小。所有的这些操作都需要在RefreshSize函数中完成。 源代码网推荐 源代码网推荐 一般的设计元素都需要在文档视图中绘制内容，这时需要重载RefreshView函数，这个函数参数包含了一个System.Drawing.Graphics对象，元素需要使用这个Graphics对象来绘制自己特定的内容，可能是绘制文本，图片或其他图形。 源代码网推荐 源代码网推荐 当所有的文档元素都实现了绘制文档相当的接口，则在设计器的调度下，一个完整的设计文档视图就绘制出来了。而扩展设计器时，若需要指定新显示样式的元素时，需要重载RefreshView和RefreshSize函数来实现新的显示样式，此时扩展的设计器就能显示新样式的文档视图。 源代码网推荐 源代码网推荐 处理鼠标键盘事件相关接口 源代码网推荐 源代码网推荐 设计器中主要处理鼠标事件，文档基础元素可以定义一些处理鼠标事件的虚函数，名称可以为 HandleMouseDown , HandleMouseMove 和 HandleMouseUp 。 源代码网推荐 源代码网推荐 为了方便文档元素处理鼠标坐标，设计器在调用文档元素的HandleMouse函数时，首先将鼠标光标坐标进行转换，要将鼠标光标在视图区域中的坐标转换为文档元素内部的相对坐标，即相对于元素左上角的相对坐标。 源代码网推荐 源代码网推荐 设计器要依靠鼠标事件来实现设计元素的拖拽操作以实现互换式设计体验。关于鼠标拖拽操作典型的应用就是使用8个控制点来编辑元素边界。当一个元素边界是矩形时，会在元素的边界矩形的四个角和四个边的中点上分布8个控制点，当鼠标移动到这8个点时会修改鼠标光标样式，当鼠标光标在某个控制点上时，用户按下鼠标按键则开始进行鼠标拖拽操作，拖拽时会显示一个虚线绘制的边框，当松开鼠标按键则拖拽操作结束，此时设计器修改拖拽的元素的矩形边界。 源代码网推荐 源代码网推荐 某些文档元素并不进行标准的鼠标拖拽操作，例如对于容器元素，其内部的鼠标拖拽不移动对象而是画出一个选择矩形来选择若干个子对象;对于表格元素，它的表格线上的鼠标拖拽操作是修改表格行的高度和表格列的宽度;而对于线段则是修改端点位置。 源代码网推荐 源代码网推荐 当用户不小心按下鼠标按键，或只是选择某个元素而并不想进行鼠标拖拽操作，此时可以使用一个参数 System.Windows.Forms.SystemInformation.DragSize 来判断是否进行鼠标拖拽。当鼠标按键按下时，设计器就锁定鼠标，若鼠标按键按下后鼠标移动距离超出了 DragSize 的范围时，则表示用户是想进行鼠标拖拽操作的，此时开始真正的鼠标拖拽操作。若鼠标按键从按下到松开时鼠标移动距离始终没超出 DragSize 的范围，则表示用户没有进行鼠标拖拽操作的意图。这样的判断可以让设计器容忍用户的一些误操作。 源代码网推荐 源代码网推荐 设计器还要处理鼠标双击事件处理，对于某些包含文本的元素，用户双击该元素，则在设计视图中显示个文本输入框来直接编辑对象的文本内容。可以定义一个接口 ILabelEditable , 当用户双击某个元素，设计器发现该元素实现了 ILabelEditable 接口，则在设计视图中动态的显示一个文本输入框，然后调用该接口的成员来直接编辑对象文本内容。 源代码网推荐 源代码网推荐 维护文档对象树 源代码网推荐 源代码网推荐 文档基础元素要定义不少接口来用于维护文档对象树。要定义 OwnerDocument 属性来指定元素所在的文档对象，要定义 Parent 属性来指明元素的父节点，定义 Items 属性来指明该元素的子元素列表。对于容器元素，还要维护它的子元素列表。 源代码网推荐 源代码网推荐 设计文档对象作为文档树的根节点，担负着维护整个对象树的重任，包括文档整体的加载保存，文档整体的绘制,遍历整个对象树结构入口，还要为脚本提供接口。它是访问文档对象树的入口点。 源代码网推荐 源代码网推荐 一些比较基础的文档元素类型 源代码网推荐 源代码网推荐 可以从文档基础元素上派生一些比较基础的文档元素类型。这些比较基础的文档元素类型可以包括： 源代码网推荐 源代码网推荐 ·矩形元素基础类型，类型名称为DesignRectangleElement , 设计文档中大部分元素的边界是矩形，因此定义矩形元素基础类型作为这些矩形类型的元素的共同基础。矩形元素基础类型实现了使用8个点的控制点来修改元素位置和大小的能力，鼠标在对象边界只那的鼠标拖拽操作就可移动元素位置。此外还定义了内容和边界之间的边距信息。 源代码网推荐 源代码网推荐 ·线段类型，类型名称为DesignLineElement, 设计文档某些元素是以线段方式显示的，因此定义线段类型作为这些元素类型的基础类，线段类型定义了两个端点的位置，线段的显示样式，标签文档等信息。此外还重载了鼠标事件，使得用户可以使用鼠标拖拽线段的两个端点来修改线段端点的坐标。此外还要重载命中操作，用于判断某个坐标是否命中线段对象，若指定点距离线段的垂直距离小于某个参数，和点在线段某个端点上的拖拽点中则命中线段，否则没命中。 源代码网推荐 源代码网推荐 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
