Flex 文字描边效果

本文介绍了如何在Flex中实现文字描边效果,通过在`mx:WindowedApplication`下添加`filters`属性,并使用`GlowFilter`滤镜来创建字体的描边效果。同时,文中也提到了在Flex中添加其他视觉效果的注意事项,如样式设置必须在`mx:WindowedApplication`内才生效,否则可能无法显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在:

 

<mx:WindowedApplication 

xmlns:mx="http://www.adobe.com/2006/mxml" 

xmlns:filters="flash.filters.*"

 

...............

>

 

中加入上面红色语句,然后在Text或者Label中,例如:

 

<mx:Text id="bulletin" text="阿古柏" width="100%" textAlign="center" x="0" y="0" fontSize="20" verticalCenter="0"  mouseDown="show(event);">

<mx:filters>

<filters:GlowFilter color="0xFFFFFF"  strength="50"/>

</mx:filters>

</mx:Text>

 

加入红色字段,就出现了字体描边效果,这里显示字体的白色描边背景效果

 

 

----------------------------------------------------------------------------------------------

 

还有,在Flex中加入一些效果一定要在mx:WindowedApplication 下,例如:

<mx:Style>

Alert {

   titleStyleName: "alertTitle";

   messageStyleName: "alertMessage";

   buttonStyleName: "alertButton";

   dropShadowEnabled: true;

   shadowDistance: 5;

   shadowDirection: right;

   cornerRadius: 5;

   background-color: #E9FFEA;

}

.alertTitle {

   letterSpacing: 0;

   fontSize: 16;

   color: red;

}

.alertMessage {

   letterSpacing: 0;

   fontSize: 16;

   fontWeight: normal;

   color: black;

}

.alertButton {

   letterSpacing: 0;

   fontSize: 16;

   cornerRadius: 10;

   fontWeight: normal;

}

 

         txtArea {

             backgroundAlpha: 1;

             borderStyle:none;

             backgroundColor: #ff0000;

             verticalScrollPolicy:off; 

            

         }

         

         ToolTip {

            fontSize: 14;

            fontWeight: normal;

            backgroundColor: #22DD00;

            dropShadowEnabled: true;

        }

        

        .body { 

       font-size: 12px; 

       font-family: Arial, Helvetica, sans-serif;

filter: style=1,startY=0,finishY=100,startX=100,finishX=100;

background-color: #666666;

}

        

     </mx:Style>

 

否则,如果加载到了其他界面(非mx:WindowedApplication ),就不能显示此效果,难道是Flex 3的一个bug??

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值