Flex字体旋转实践-优快云博客

最近为了项目需要，研究了一下Flex字体旋转的功能,但是在项目中我们所使用的字体类不是Flex的自带组件如TextField，Label等，而是使用了开源项目Degrafa的GraphicTextFiled.这就导致了难度加大。

如果仅仅是使用Flex的Label组件实现字体旋转功能，仅仅需要做到以下两点：

1.在内嵌或者外部样式表中声明FontFamily样式：

<mx:style>

            @font-face
       {
        src:url("assets/fonts/simsun.ttc");  // 或者是src:local("Comic Sans MS“)这样的形式
         fontFamily: myTNR;
        }

</mx:style>

2.使用Label组件的rotation属性设置字体的旋转角度：

<mx:Label id="Rotation" text="Rotation Text" fontfamily="myTNR" rotation=”90“ />

也可以将rotation属性进行绑定，这样可以动态改变Text的旋转角度

回到实际需求中来：项目中所用的text组件是 GraphicText ，它extends TextField控件,问题是它似乎不支持嵌入字体的旋转（据我所知，曾经尝试过），于是我研究了一下Label组件的源代码，发现label是extends自 Flex的UIComponent，而且它是将一个IUITextField（当然实例化的时候是一个UITexdField）作为它的Child Add到UIComponent中，其实我曾想过写一个组件extends label,但是由于Degrafa的子类需要Implement 某些接口，override一些函数，而这些接口或者函数又恰恰与UIComponent的函数重名了（注：textFiled是flash包下的，与label并非同级），但是UITextField跟label属于同一级别，于是乎我修改了GraphicTextField的源码，使它Extends UiTextField，同时还需要设置属性Embed=True；并且使用嵌入字体，经过一番修改之后，终于实现了GraphicsText的字体旋转功能。

可能有人会问为什么不直接用Label，因为项目中需要的字体是必须作为Degrafa的Surface下的，所以才会如此麻烦

可是有作了一些适当的Graphics的诸如text ,rotation,color,fontsize的属性绑定之后，唯独只有Color的动态改变总是慢一拍，有点像Flex的异步。

请诸位高手指教，