Flex Gumbo中如何通过将BitmapFill对象设置到source属性中实现用位图来填充Ellipse对象的例子

By Minidxer | June 2, 2009

接下来的例子演示了Flex Gumbo中如何通过将BitmapFill对象设置到source属性中,实现用位图来填充Ellipse对象。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="BitmapFill_source_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="width:">
  11.                 <HSlider id="widthSlider"
  12.                         minimum="100"
  13.                         maximum="300"
  14.                         value="300"
  15.                         snapInterval="1"
  16.                         tickInterval="50"
  17.                         liveDragging="true" />
  18.             </FormItem>
  19.             <FormItem label="height:">
  20.                 <HSlider id="heightSlider"
  21.                         minimum="100"
  22.                         maximum="300"
  23.                         value="200"
  24.                         snapInterval="1"
  25.                         tickInterval="50"
  26.                         liveDragging="true" />
  27.             </FormItem>
  28.         </Form>
  29.     </ApplicationControlBar>
  30.  
  31.     <Graphic>
  32.         <Ellipse id="ellipse"
  33.                 width="{widthSlider.value}"
  34.                 height="{heightSlider.value}">
  35.             <fill>
  36.                 <BitmapFill id="bitmapFill"
  37.                         source="@Embed('assets/fx_appicon-tn.gif')" />
  38.             </fill>
  39.         </Ellipse>
  40.     </Graphic>
  41.  
  42. </Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts