分类: Flex > C-DRAWS

C-DRAWS画图程序(三):画图核心

发表于8年前(Dec 12, 2014 10:22:45 PM)  阅读 15839  评论 0

分类: Flex C-DRAWS

标签: c-draws DrawCanvas CGraphics

这一节的内容主要是完成工具栏以及核心的画图。

上一节我们主要讲了布局,这一节我们先看下工具栏。众所周知,工具栏一般都是有一个选中状态的,实现方法有几种,一种是准备两组图片,一个是选中状态,一个是未选中状态,状态改变时替换相应的图片。还一种是改变按钮背景图片或颜色。在这里我们使用Flex中的Glow特效。

CGraphics类,用来扩充系统的Graphics。现在CGraphics类实现了画点,画线,画矩形,画圆的方法,并支持虚线样式。所有的样式我封装到了自定义的Style类里面了。

我们如何通过鼠标操作,来获得图形的相关操作呢?首先我们必须在画布(DrawCanvas)里监听鼠标事件,但鼠标按下时,我们必须记下,当前鼠标的坐标,作为图形的开始位置,然后开始监听鼠标移动事件(注意,鼠标移动事件不能一开始就监听,必须在鼠标按下时才开始添加监听),移动过程中, 记下鼠标的当前位置,作为图形的结束位置,开始画图,因为鼠标移动是个连续的过程,所以这样做的话,画图也会是一个连续的过程,能实时展现出来。

C-DRAWS画图程序(二):主体界面

发表于8年前(Dec 12, 2014 9:38:27 PM)  阅读 2255  评论 0

分类: Flex C-DRAWS

标签: c-draws

主体界面的制作:顶部的是菜单栏,左边的是画图工具栏,右边的是画布,参考的是windows画图的布局。不是视频,我就粗略的说下编程的重点以及难点 ,本人自己也是个菜鸟,有些地方、术语我也不太懂,知其然而不知其所以然,有错误的地方请大家指出来。我会把源码附在最后。

C-DRAWS画图程序(一):介绍

发表于8年前(Dec 12, 2014 8:35:51 PM)  阅读 2286  评论 0

分类: Flex C-DRAWS

标签: c-draws flex 画图

  最近工作上做了个类似windows画图的功能,是基于Flex Web的,积累了不少心得,所以我准备写一个基于Air的桌面应用,功能做强大点,以后自己就使用自己的画图工具来替代windows的。

  我把这个画图工具取名为C-DRAWS,今天第一节,就考虑一下C-DRAWS准备实现哪些功能。

  首先,画图的类型初步定义有:矩形、圆角矩形、圆、椭圆、直线、不规则多边形、弧以及文本。画图方式采用选择图形样式,鼠标画框的形式。

  其次,图形的样式选择有:笔触颜色,填充颜色,笔触的透明度,填充的透明度,线条的粗细,线条的类型(实线/虚线),文本字体的大小。

  然后,图形的一些操作:复制、粘贴、剪切、旋转等等。

  最后,数据的保存:图形可以到处jpg图,其次可以导出xml模板。两者不同在于,导入jpg图不能操作图形单元,xml模板可以把图元重建,允许用户再一次调整。

  暂时想到的就是这些,做的过程再完善吧。