Flex Gumbo中如何通过maskType属性将TextGraphic对象作为一个Rect对象Mask的例子

By Minidxer | June 22, 2009

接下来的例子演示了Flex Gumbo中如何通过maskType属性，将TextGraphic对象作为一个Rect对象Mask。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="Rect_mask_TextGraphic_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <Script>
  9.         <![CDATA[
  10.             private function init():void {
  11.                 rect.width = textGr.width;
  12.                 rect.height = textGr.height;
  13.             }
  14.         ]]>
  15.     </Script>
  16.  
  17.     <Graphic maskType="alpha">
  18.         <Rect id="rect">
  19.             <fill>
  20.                 <LinearGradient>
  21.                     <entries>
  22.                         <GradientEntry color="red" />
  23.                         <GradientEntry color="blue" />
  24.                     </entries>
  25.                 </LinearGradient>
  26.             </fill>
  27.         </Rect>
  28.         <mask>
  29.             <Group updateComplete="init();">
  30.                 <TextGraphic id="textGr"
  31.                         text="The quick brown fox jumps over the lazy dog."
  32.                         fontSize="32"
  33.                         width="300" />
  34.             </Group>
  35.         </mask>
  36.     </Graphic>
  37.  
  38. </Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, Rect, TextGraphic | 1 Comment » | 523 views Tags: , , , , ,

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

One comment | Add One

  1. xxx - 06/23/2009 at 11:10 am

    都不写命名空间?

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll