最近为了项目需要,研究了一下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的异步。
请诸位高手指教,