flex中画线的点滴

     因为做的是服务编排的应用，免不了要把代表服务的节点连接起来。之前实验了在flex里画线，感觉挺方便的。我还为了更方便，自己封装了一个画线的组件类，只要传递两个端点就能画出我想要的箭头。

 

     今天正式要在组件里实现连线了，发现还是挺复杂的。

 

     我遇到的问题是相对坐标问题。因为我要连接的节点是跨容器的，所以肯定要转换坐标。

 

     flex给我们提供了如下便利：每个组件能够直接获取它的左上角相对于它的父容器的绝对坐标；每个DisplayObject都有内建的将本地坐标转换成相当于stage的全局坐标的函数；每个DisplayObject都可以直接获取它的stage对象引用。于是感觉只要将所有节点的本地坐标转换成全局坐标，再用stage添加我的箭头就可以实现连接了。但实际不行，stage画不出我的箭头……

 

      我用trace打印stage对象，没看懂stage对象是什么类。于是只能老老实实将一层层的parent对象的坐标叠加，算出相对于最适合的容器的坐标，然后用该容器画箭头。结果还是没画出箭头，但我注意到有部分控件微动了。

 

      我恍然大悟，我的箭头是继承了UIComponet接口的，那么加入容器后是服从容器的布局方式的。而我的容器都是相对布局的，于是箭头虽然指定了坐标还是没有效果的。只能在绝对布局容器外，再套了一个Canvas，在Canvas里画箭头就OK了！