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的异步。

 

请诸位高手指教,

 

     

你可能感兴趣的:(Flex,Flash)