flex 的融合blendMode使用

本文介绍在Flex4.5中如何通过XML代码实现BlendMode的简单组合,展示不同BlendMode下椭圆的效果变化,包括ADD、ALPHA、DARKEN等模式,提供实践代码及效果演示。

 在Flex4.5中实现的一个简单的例子:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 <fx:Declarations>
  <!-- 将非可视元素(例如服务、值对象)放在此处 -->
 </fx:Declarations>
 <mx:HBox  label="blendMode:">
  <s:ComboBox id="comboBox" selectedIndex="0">
   <s:dataProvider>
    <s:ArrayCollection>
     <fx:String>{BlendMode.ADD}</fx:String>
     <fx:String>{BlendMode.ALPHA}</fx:String>
     <fx:String>{BlendMode.DARKEN}</fx:String>
     <fx:String>{BlendMode.DIFFERENCE}</fx:String>
     <fx:String>{BlendMode.ERASE}</fx:String>
     <fx:String>{BlendMode.HARDLIGHT}</fx:String>
     <fx:String>{BlendMode.INVERT}</fx:String>
     <fx:String>{BlendMode.LAYER}</fx:String>
     <fx:String>{BlendMode.LIGHTEN}</fx:String>
     <fx:String>{BlendMode.MULTIPLY}</fx:String>
     <fx:String>{BlendMode.NORMAL}</fx:String>
     <fx:String>{BlendMode.OVERLAY}</fx:String>
     <fx:String>{BlendMode.SCREEN}</fx:String>
     <fx:String>{BlendMode.SHADER}</fx:String>
     <fx:String>{BlendMode.SUBTRACT}</fx:String>
    </s:ArrayCollection>
   </s:dataProvider>
  </s:ComboBox>
 </mx:HBox>
 
 
 <s:Ellipse id="ellipse1"        
      width="100"
      height="100"
      horizontalCenter="-25"
      verticalCenter="-25">
  <s:fill>
   <s:SolidColor color="red" />
  </s:fill>
 </s:Ellipse>
 
 <s:Ellipse id="ellipse2"
      width="100"
      height="100"
      horizontalCenter="25"
      verticalCenter="-25">
  <s:fill>
   <s:SolidColor color="blue" />
  </s:fill>
 </s:Ellipse>
 <s:HGroup id="e3" width="100" height="100" horizontalCenter="0" verticalCenter="25">
  <s:Ellipse id="ellipse3"
       blendMode="{comboBox.selectedItem}"
       width="100"
       height="100"
       horizontalCenter="0"
       verticalCenter="25">
   <s:fill>
    <s:SolidColor color="green" />
   </s:fill>
  </s:Ellipse>
 </s:HGroup> 
 
 
</s:Application>
效果:
add:

darken:

还有很多,自己去试试吧.... 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liyan_gis

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值