Componente para Dashboard no Flex 4

Colocado por Pablo Souza na(s) categoria(s): 1, 4, app, AR, arte, BI, browser, class, código, Componente, componente flex, Componentes, components, exemplo, Flex, Flex 4, fonte, fundo, IE, if, int, O, on, Pessoal, RIA, Ria’s Geral, RTW, skins, Tutorial, UI, Vários, Widget, XP em 02 11th, 2011 | Sem comentários

Durante essa semana estive pesquisando mais a fundo sobre a criação de componentes no Flex 4, tirando algumas dúvidas que eu ainda tinha, e principalmente desenvolvendo vários deles para adicionar em minha biblioteca pessoal.

Esse exemplo aí de baixo é um componente Flex 4 para trabalhar com Dashboard. Se houver interesse, na semana que vem eu libero um tutorial explicando alguns conceitos sobre a criação de componentes, skin e também o seu código-fonte.

A utilização do componente na minha application ficou assim:

<components:PodManager
id="podManager" left="10" right="10" top="40" bottom="15"
skinClass="com.rectius.examples.pod.assets.skins.PodManagerSkin">
?
    <components:topElements>
            <view:ChartExpenses
            width="100%" height="100%" title="Expenses" />
    components:topElements>
?
    <components:bottomElements>
            <view:ChartProfit
            width="100%" height="100%" title="Profit"/>
            <view:ChartWidget
            width="100%" height="100%" title="Widget"/>
    components:bottomElements>
?
components:PodManager>