正在加载菜单,请稍待......

创建倾斜的Panel

类别:flex教程

标签:

浏览:154次

明河共影发布于 2010年01月19日

RIA之家技术群:24440797。你可以通过以下方式联络到明河: 1、进入我的微博首页跟随我 2、我的email:riahome@126.com

有一个多月没发布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;
}
勿设置英文字体,不然中文显示不出来

订阅RIA之家,及时获取RIA之家最新文章:

本文链接:http://www.36ria.com/1363

除非特别说明,本站的所有内容均为原创或翻译,所有权属于文章作者,欢迎转载,转载请注明出处,谢谢。