创建倾斜的Panel
有一个多月没发布flex方面的内容,惭愧不已,现在开始恢复更新。
使用flex创建倾斜的Panel
在flex中可以非常方便的创建一个倾斜的Panel,但有个特别注意的一点。Panel必须使用嵌入字体,不然无法显示文字。
嵌入字体之后,文件体积大增,所以非到这种情况,勿嵌字体
这里只放出效果图:
源代码如下:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
- <mx:Style>
- Application{fontSize:14;backgroundColor:#ffffff;}
- @font-face {
- src: local("宋体");
- fontFamily: ve;
- }
- Panel{
- titleStyleName : ptsn;
- color:black;
- }
- .ptsn{
- fontFamily: ve;
- fontWeight: normal;
- }
- </mx:Style>
- <mx:Panel width="200" height="200" rotation="20" title="测试" x="81" y="35" fontFamily="ve" >
- <mx:Text text="测试测试测试测试测试测试测试测试测试" width="80%" />
- <mx:ControlBar>
- <mx:Label text="这是个Label" />
- </mx:ControlBar>
- </mx:Panel>
- </mx:Application>
rotation=”20″ 设置倾斜角度
fontFamily=”ve” 设置字体
@font-face {
src: local(“宋体”);
fontFamily: ve;
}
勿设置英文字体,不然中文显示不出来



