Já que o Flex vem impressionar, o tutorial abaixo ajuda dar uma forçinha no seu design.
Infelizmente para qualquer texto no Flex, apenas temos suporte a uma uníca cor não permitindo assim suporte a multiplos gradientes. A solução achada, foi utilizar um texto como mascara assim podemos utilizar todos os recursos dos componentes graficos em nossos textos.
<?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" width="300" height="400" backgroundColor="black" > <s:Graphic maskType="alpha" top="10" left="10"> <s:Rect width="{_text.width}" height="{_text.height}"> <s:fill> <s:LinearGradient rotation="90"> <s:entries> <s:GradientEntry color="#F5B800"/> <!--Laranja Claro - TOP --> <s:GradientEntry color="#FF7700"/> <!--Laranja Escuro - BOTTOM --> </s:entries> </s:LinearGradient> </s:fill> </s:Rect> <s:mask> <!--Texto a ser exibido--> <s:RichText id="_text" fontFamily="Arial" fontSize="50" text="100 Loop" /> </s:mask> </s:Graphic> </s:Application>
Veja em funcionamento: