Flex Gumbo中如何通过maskType属性设置Ellipse对象掩码的例子

By Minidxer | May 20, 2009

接下来的例子演示了Flex Gumbo中如何通过maskType属性，设置Ellipse对象掩码。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FxApplication xmlns="http://ns.adobe.com/mxml/2009">
  3.     <layout>
  4.         <BasicLayout />
  5.     </layout>
  6.  
  7.     <Form>
  8.         <FormItem label="maskType:">
  9.             <ComboBox id="comboBox"
  10.                     dataProvider="[clip,alpha]" />
  11.         </FormItem>
  12.         <FormItem label="mask alpha:"
  13.                 direction="horizontal">
  14.             <HSlider id="slider"
  15.                     minimum="0.0"
  16.                     maximum="1.0"
  17.                     value="1.0"
  18.                     liveDragging="true" />
  19.             <Label text="{slider.value.toFixed(1)}" />
  20.         </FormItem>
  21.     </Form>
  22.  
  23.     <VGroup horizontalCenter="0" bottom="10">
  24.         <Ellipse id="ellipse"
  25.                 maskType="{comboBox.selectedItem}"
  26.                 width="400"
  27.                 height="200">
  28.             <mask>
  29.                 <Group>
  30.                     <Rect width="100" height="100">
  31.                         <fill>
  32.                             <SolidColor alpha="{slider.value}" />
  33.                         </fill>
  34.                     </Rect>
  35.                 </Group>
  36.             </mask>
  37.             <fill>
  38.                 <SolidColor color="#FF00FF" />
  39.             </fill>
  40.         </Ellipse>
  41.     </VGroup>
  42.  
  43. </FxApplication>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Ellipse | No Comments » | 181 views Tags: , , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll