Flex Examples » Namespace

Flex Examples » Namespace http://blog.flexexamples.com Just a bunch of Adobe Flex Examples Wed, 26 Jan 2011 18:09:51 +0000 en hourly 1 Using the new Fx prefix-less Flex Gumbo builds http://blog.flexexamples.com/2009/04/02/using-the-new-fx-prefix-less-flex-gumbo-builds/ http://blog.flexexamples.com/2009/04/02/using-the-new-fx-prefix-less-flex-gumbo-builds/#comments Fri, 03 Apr 2009 06:21:50 +0000 Peter deHaan http://blog.flexexamples.com/2009/04/02/using-the-new-fx-prefix-less-flex-gumbo-builds/ The following example shows how you can use styles in a <Style/> block to style a Spark Button and TextInput control as well as a Halo Button and TextInput control.

To compile this example, you’ll need to download the nightly beta Flex Gumbo build 5873 (4.0.0.5873) or newer. The latest Gumbo SDK builds can be [...]]]> The following example shows how you can use styles in a <Style/> block to style a Spark Button and TextInput control as well as a Halo Button and TextInput control.

To compile this example, you’ll need to download the nightly beta Flex Gumbo build 5873 (4.0.0.5873) or newer. The latest Gumbo SDK builds can be downloaded from the opensource.adobe.com site at http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4.
For more information on the “Fx” prefix removal and API changes, see the “Dropping the Fx Prefix” page on the Flex Gumbo opensource.adobe.com site.
For more information on the new CSS namespaces and styling in Flex Gumbo, see the “Styling Component Parts” page on the Flex Gumbo opensource.adobe.com site.

Full code after the jump.

To use the following code, you must have Flash Player 10 and a Flex Gumbo SDK installed in your Flex Builder 3. For more information on downloading and installing the Gumbo SDK into Flex Builder 3, see “Using the beta Gumbo SDK in Flex Builder 3″.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/04/02/using-the-new-fx-prefix-less-flex-gumbo-builds/ -->
<s:Application name="FxGumbo_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo">
    <s:layout>
        <s:BasicLayout />
    </s:layout>

    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/halo";

        global {
            color: red;
            fontStyle: italic;
            fontWeight: bold;
        }

        s|Button {
            baseColor: haloOrange;
        }

        mx|Button {
            baseColor: haloGreen;
        }
    </fx:Style>

    <s:VGroup horizontalCenter="0" verticalCenter="0">
        <s:Button label="I'm a Spark Button" />
        <mx:Button label="I'm a Halo Button" />
        <mx:HRule width="100%" />
        <s:TextInput text="I'm a Spark TextInput" />
        <mx:TextInput text="I'm a Halo TextInput" />
    </s:VGroup>

    <s:RichEditableText id="sdkVer"
            editable="false"
            initialize="sdkVer.text = mx_internal::VERSION;"
            bottom="10"
            right="10" />

</s:Application>

View source is enabled in the following example.

This entry is based on a beta version of the Flex Gumbo SDK and therefore is very likely to change as development of the Flex SDK continues. The API can (and will) change causing examples to possibly not compile in newer versions of the Flex Gumbo SDK.

]]> http://blog.flexexamples.com/2009/04/02/using-the-new-fx-prefix-less-flex-gumbo-builds/feed/ 6 Parsing the Kuler RSS feed using Flex http://blog.flexexamples.com/2007/08/22/parsing-the-kuler-rss-feed-using-flex/ http://blog.flexexamples.com/2007/08/22/parsing-the-kuler-rss-feed-using-flex/#comments Wed, 22 Aug 2007 14:54:35 +0000 Peter deHaan http://blog.flexexamples.com/2007/08/22/parsing-the-kuler-rss-feed-using-flex/ Just a quick example I threw together last night which loads the Kuler RSS feed and displays some items in a DataGrid along with their rating and theme image (using the Flex Image control as a custom item renderer).

Full code after the jump.

<?xml version="1.0" encoding="utf-8"?>  [...]]]> Just a quick example I threw together last night which loads the Kuler RSS feed and displays some items in a DataGrid along with their rating and theme image (using the Flex Image control as a custom item renderer).

Full code after the jump.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/22/parsing-the-kuler-rss-feed-using-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="tempXML.send(httpServiceParams)">

    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;

            private var kulerNS:Namespace = new Namespace("http://kulerserv/services/rss/kulerRSS");

            private function themeTitle_labelFunc(item:XML, column:DataGridColumn):String {
                return item.kulerNS::themeItem.kulerNS::themeTitle;
            }

            private function themeRating_labelFunc(item:XML, column:DataGridColumn):String {
                return item.kulerNS::themeItem.kulerNS::themeRating;
            }

            private function themeImage_labelFunc(item:XML, column:DataGridColumn):String {
                return item.kulerNS::themeItem.kulerNS::themeImage;
            }
        ]]>
    </mx:Script>

    <mx:Object id="httpServiceParams"
            listtype="rating"
            readerType="public" />

    <mx:HTTPService id="tempXML"
            url="http://kuler.adobe.com/kuler/API/rss/get.cfm"
            resultFormat="e4x" />

    <mx:XMLListCollection id="itemXMLListColl"
            source="{tempXML.lastResult.channel.item}" />

    <mx:VDividedBox width="100%" height="100%" >
        <mx:DataGrid id="dataGrid"
                width="100%"
                dataProvider="{itemXMLListColl}">
            <mx:columns>
                <mx:DataGridColumn headerText="Title:"
                        labelFunction="themeTitle_labelFunc">
                    <mx:itemRenderer>
                        <mx:Component>
                            <mx:Label />
                        </mx:Component>
                    </mx:itemRenderer>
                </mx:DataGridColumn>

                <mx:DataGridColumn headerText="Rating:"
                        textAlign="center"
                        labelFunction="themeRating_labelFunc" />

                <mx:DataGridColumn headerText="Image:"
                        textAlign="center"
                        labelFunction="themeImage_labelFunc"
                        itemRenderer="mx.controls.Image" />
            </mx:columns>
        </mx:DataGrid>

        <mx:TextArea text="{tempXML.lastResult}"
                width="100%"
                height="100%" />
    </mx:VDividedBox>

</mx:Application>

View source is enabled in the following example.

]]> http://blog.flexexamples.com/2007/08/22/parsing-the-kuler-rss-feed-using-flex/feed/ 6