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

 

请诸位高手指教，

 

     

评论

2 楼 cwfmaker 2009-08-12  

呵呵，这个我倒是没在意

1 楼 spyking945 2009-07-31  

有个弊病 
就是当加 fontWeight="bold" 或fontStyle="italic"
时就看不到了