创建倾斜的Panel

发布于,归属于flex教程沙发还空着,抢! 共有290人围观    

有一个多月没发布flex方面的内容,惭愧不已,现在开始恢复更新。

使用flex创建倾斜的Panel

在flex中可以非常方便的创建一个倾斜的Panel,但有个特别注意的一点。Panel必须使用嵌入字体,不然无法显示文字。

嵌入字体之后,文件体积大增,所以非到这种情况,勿嵌字体

这里只放出效果图:

源代码如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3.     <mx:Style>
  4.         Application{fontSize:14;backgroundColor:#ffffff;}
  5.         @font-face {
  6.             src: local("宋体");
  7.             fontFamily: ve;
  8.         }   
  9.         Panel{
  10.             titleStyleName : ptsn;
  11.             color:black;
  12.         }
  13.         .ptsn{
  14.              fontFamily: ve;
  15.              fontWeight: normal;          
  16.         }   
  17.     </mx:Style>
  18.     <mx:Panel width="200" height="200" rotation="20" title="测试" x="81" y="35" fontFamily="ve" >
  19.         <mx:Text text="测试测试测试测试测试测试测试测试测试" width="80%" />
  20.         <mx:ControlBar>
  21.             <mx:Label text="这是个Label" />
  22.         </mx:ControlBar>
  23.     </mx:Panel>
  24. </mx:Application>

rotation=”20″ 设置倾斜角度
fontFamily=”ve” 设置字体
@font-face {
src: local(“宋体”);
fontFamily: ve;
}
勿设置英文字体,不然中文显示不出来

(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)