标签:CGraphics

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

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

分类: Flex C-DRAWS

标签: c-draws DrawCanvas CGraphics

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

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

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

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