Flex Gumbo中如何通过spreadMethod属性给LinearGradient设置spread事件的例子

By Minidxer | May 30, 2009

接下来的例子演示了Flex Gumbo中如何通过spreadMethod属性，给LinearGradient设置spread事件。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="LinearGradient_spreadMethod_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <ApplicationControlBar dock="true">
  9.         <Form styleName="plain">
  10.             <FormItem label="spreadMethod:">
  11.                 <ComboBox id="comboBox">
  12.                     <dataProvider>
  13.                         <Array>
  14.                             <String>{SpreadMethod.PAD}</String>
  15.                             <String>{SpreadMethod.REFLECT}</String>
  16.                             <String>{SpreadMethod.REPEAT}</String>
  17.                         </Array>
  18.                     </dataProvider>
  19.                 </ComboBox>
  20.             </FormItem>
  21.             <FormItem label="width:">
  22.                 <HSlider id="widthSlider"
  23.                         minimum="100"
  24.                         maximum="500"
  25.                         value="300"
  26.                         labels="[100,300,500]"
  27.                         snapInterval="1"
  28.                         tickInterval="50"
  29.                         liveDragging="true" />
  30.             </FormItem>
  31.             <FormItem label="scaleX:" direction="vertical">
  32.                 <HSlider id="scaleXSlider"
  33.                         minimum="100"
  34.                         maximum="500"
  35.                         value="300"
  36.                         labels="[100,300,500]"
  37.                         snapInterval="1"
  38.                         tickInterval="50"
  39.                         liveDragging="true" />
  40.                 <CheckBox id="scaleXCheckBox"
  41.                         label="NaN:"
  42.                         labelPlacement="left"
  43.                         selected="true" />
  44.             </FormItem>
  45.             <FormItem label="rotation:">
  46.                 <HSlider id="rotationSlider"
  47.                         minimum="-360"
  48.                         maximum="360"
  49.                         value="0"
  50.                         snapInterval="1"
  51.                         tickInterval="45"
  52.                         liveDragging="true" />
  53.             </FormItem>
  54.         </Form>
  55.     </ApplicationControlBar>
  56.  
  57.     <Graphic>
  58.         <Ellipse id="ellipse"
  59.                 width="{widthSlider.value}"
  60.                 height="200">
  61.             <fill>
  62.                 <LinearGradient id="linearGrad"
  63.                         spreadMethod="{comboBox.selectedItem}"
  64.                         rotation="{rotationSlider.value}"
  65.                         scaleX="{(scaleXCheckBox.selected) ? NaN : scaleXSlider.value}">
  66.                     <GradientEntry color="red" />
  67.                     <GradientEntry color="white" />
  68.                     <GradientEntry color="blue" />
  69.                 </LinearGradient>
  70.             </fill>
  71.         </Ellipse>
  72.     </Graphic>
  73.  
  74. </Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Ellipse, Gumbo | No Comments » | Tags: , , ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll